fix: Copy Icon is not restoring back from right tick ,when Copied

Author: aliahmadCode

src/app/shared/components/copy-button/copy-button.component.ts

@@ -1,4 +1,9 @@
-import { Component, ElementRef, inject } from '@angular/core';
+import {
+  Component,
+  ElementRef,
+  inject,
+  ChangeDetectorRef,
+} from '@angular/core';
 
 @Component({
   selector: 'app-copy-button',
@@ -9,12 +14,20 @@ export class CopyButtonComponent {
   public elRef = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);
   public copied = false;
 
+  public cdr = inject<ChangeDetectorRef>(ChangeDetectorRef);
+
   onCopy() {
     const preRef = this.elRef.nativeElement.querySelector('pre:not(.hide)');
     if (!preRef) {
       return;
     }
     navigator.clipboard.writeText(preRef.firstChild.textContent);
     this.copied = true;
+    this.cdr.detectChanges();
+
+    setTimeout(() => {
+      this.copied = false;
+      this.cdr.detectChanges();
+    }, 2000);
   }
 }