diff --git a/apps/dashboard/src/pages/group.tsx b/apps/dashboard/src/pages/group.tsx index b72d47dc..1f5ae9f3 100644 --- a/apps/dashboard/src/pages/group.tsx +++ b/apps/dashboard/src/pages/group.tsx @@ -48,6 +48,9 @@ export default function GroupPage(): JSX.Element { const { groupId, groupType } = useParams() const [_group, setGroup] = useState() const { hasCopied, setValue: setApiKey, onCopy } = useClipboard("") + const { hasCopied: hasCopiedGroupId, onCopy: onCopyGroupId } = useClipboard( + groupId || "" + ) const [_searchMember, setSearchMember] = useState("") const [_removeGroupName, setRemoveGroupName] = useState("") const [_selectedMembers, setSelectedMembers] = useState([]) @@ -233,15 +236,17 @@ ${memberIds.join("\n")} - - {_group.name} - + + + {_group.name} + - {_group.description && ( - - {_group.description} - - )} + {_group.description && ( + + {_group.description} + + )} + @@ -289,7 +294,48 @@ ${memberIds.join("\n")} + ( + + Group ID + + + + + + e.preventDefault()} + icon={ + + } + /> + + + + + ) {groupType === "off-chain" && !_group.credentials && ( e.preventDefault() @@ -364,9 +410,7 @@ ${memberIds.join("\n")} )} )} - - {_group.type === "off-chain" && (