Merge pull request #598 from pheobeayo/adminID

AdminID
bandada-infra · Nov 1, 2024 · 90c806c · 90c806c
2 parents 08e1f1f + 1e9afee
commit 90c806c
Showing 1 changed file with 41 additions and 2 deletions.
diff --git a/apps/dashboard/src/pages/group.tsx b/apps/dashboard/src/pages/group.tsx
@@ -57,6 +57,9 @@ export default function GroupPage(): JSX.Element {
     const { hasCopied: hasCopiedGroupId, onCopy: onCopyGroupId } = useClipboard(
         groupId || ""
     )
+    const { hasCopied: hasCopiedAdminId, onCopy: onCopyAdminId } = useClipboard(
+        (_group && _group.admin) || ""
+    )
     const [_searchMember, setSearchMember] = useState<string>("")
     const [_removeGroupName, setRemoveGroupName] = useState<string>("")
     const [_selectedMembers, setSelectedMembers] = useState<string[]>([])
@@ -453,15 +456,13 @@ ${memberIds.join("\n")}
                         borderRadius="8px"
                     >
                         <Text fontSize="20px">Group ID</Text>
-
                         <InputGroup size="lg" mt="10px">
                             <Input
                                 pr="50px"
                                 placeholder="Group ID"
                                 value={groupId}
                                 isDisabled
                             />
-
                             <InputRightElement mr="5px">
                                 <Tooltip
                                     label={
@@ -487,6 +488,44 @@ ${memberIds.join("\n")}
                             </InputRightElement>
                         </InputGroup>
                     </Box>
+                    <Box
+                        bgColor="balticSea.50"
+                        p="25px 30px 25px 30px"
+                        borderRadius="8px"
+                    >
+                        <Text fontSize="20px">Admin ID</Text>
+                        <InputGroup size="lg" mt="10px">
+                            <Input
+                                pr="50px"
+                                placeholder="Admin ID"
+                                value={_group.admin}
+                                isDisabled
+                            />
+                            <InputRightElement mr="5px">
+                                <Tooltip
+                                    label={
+                                        hasCopiedAdminId ? "Copied!" : "Copy"
+                                    }
+                                    closeOnClick={false}
+                                    hasArrow
+                                >
+                                    <IconButton
+                                        variant="link"
+                                        aria-label="Copy Group id"
+                                        onClick={onCopyAdminId}
+                                        onMouseDown={(e) => e.preventDefault()}
+                                        icon={
+                                            <Icon
+                                                color="sunsetOrange.600"
+                                                boxSize="5"
+                                                as={FiCopy}
+                                            />
+                                        }
+                                    />
+                                </Tooltip>
+                            </InputRightElement>
+                        </InputGroup>
+                    </Box>
                     )
                     {groupType === "off-chain" && _group.credentials && (
                         <Box