adds button to quickly copy the community id to clipboad

rwth-acis · Oct 6, 2023 · c0511a7 · c0511a7
1 parent 8bba9bd
commit c0511a7
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/app/components/success-modeling/community-info/community-info.component.html b/src/app/components/success-modeling/community-info/community-info.component.html
@@ -3,6 +3,17 @@
   *ngIf="members$ | async as members; else loading"
 >
   <h2>{{ communityName$ | async }} Community Members</h2>
+  <div class="flex">
+    <button
+      mat-raised-button
+      (click)="copyToIdClipboard()"
+      class="m-auto"
+      aria-label="Example icon button with a home icon"
+    >
+      Copy Community Id <mat-icon> content_copy </mat-icon>
+    </button>
+  </div>
+
   <mat-list class="flex flex-col mb-4">
     <mat-list-item *ngFor="let member of members">
       <mat-icon matListIcon>account_circle</mat-icon>

diff --git a/src/app/components/success-modeling/community-info/community-info.component.ts b/src/app/components/success-modeling/community-info/community-info.component.ts
@@ -81,6 +81,15 @@ export class CommunityInfoComponent implements OnInit, OnDestroy {
       this.user = undefined;
     }
   }
+  async copyToIdClipboard() {
+    const groupdId = await firstValueFrom(
+      this.ngrxStore.select(SELECTED_GROUP).pipe(
+        take(1),
+        map((group) => group.id),
+      ),
+    );
+    navigator.clipboard.writeText(groupdId);
+  }
 
   async addUserToGroup() {
     if (!this.user) return;