Merge pull request #538 from Dozie2001/refactor/remove-goerili-group

Refactor/remove goerili group

apps/dashboard/src/api/semaphoreAPI.ts

@@ -63,38 +63,3 @@ export async function getGroup(groupId: string): Promise<Group | null> {
         return null
     }
 }
-
-/**
- * It returns the Semaphore on-chain groups on Goerli for a specific admin.
- * @param adminAddress The admin address.
- * @returns The list of groups.
- */
-export async function getGoerliGroups(
-    adminAddress: string
-): Promise<Group[] | null> {
-    const goerliSubgraph = new SemaphoreSubgraph("goerli")
-
-    try {
-        const groups = await goerliSubgraph.getGroups({
-            members: true,
-            filters: { admin: adminAddress }
-        })
-
-        return groups.map((group) => {
-            const groupName = parseGroupName(group.id)
-
-            return {
-                id: group.id,
-                name: groupName,
-                treeDepth: group.merkleTree.depth,
-                members: group.members as string[],
-                admin: group.admin as string,
-                type: "on-chain"
-            }
-        })
-    } catch (error) {
-        console.error(error)
-
-        return null
-    }
-}

apps/dashboard/src/pages/groups.tsx

@@ -11,29 +11,22 @@ import {
     InputRightElement,
     Spinner,
     Text,
-    VStack,
-    Stack,
-    Link as ChakraLink
+    VStack
 } from "@chakra-ui/react"
 import { useCallback, useContext, useEffect, useState } from "react"
 import { FiSearch } from "react-icons/fi"
 import { Link, useNavigate } from "react-router-dom"
 import { getGroups as getOffchainGroups } from "../api/bandadaAPI"
-import {
-    getGroups as getOnchainGroups,
-    getGoerliGroups
-} from "../api/semaphoreAPI"
+import { getGroups as getOnchainGroups } from "../api/semaphoreAPI"
 import GroupCard from "../components/group-card"
 import { AuthContext } from "../context/auth-context"
 import { Group } from "../types"
-import GoerliGroupCard from "../components/goerli-group"
 import ApiKeyComponent from "../components/api-key"
 
 export default function GroupsPage(): JSX.Element {
     const { admin } = useContext(AuthContext)
     const [_isLoading, setIsLoading] = useState(false)
     const [_groups, setGroups] = useState<Group[]>([])
-    const [_goerliGroups, setGoerliGroups] = useState<Group[]>([])
     const [_searchField, setSearchField] = useState<string>("")
     const navigate = useNavigate()
 
@@ -59,11 +52,6 @@ export default function GroupsPage(): JSX.Element {
                     })
                 ])
 
-                const goerliGroups = await getGoerliGroups(admin.address)
-                if (goerliGroups) {
-                    setGoerliGroups((groups) => [...groups, ...goerliGroups])
-                }
-
                 setIsLoading(false)
             }
         })()
@@ -165,36 +153,6 @@ export default function GroupsPage(): JSX.Element {
                             ))}
                     </Grid>
                 )}
-
-                {!_isLoading && _goerliGroups.length > 0 && (
-                    <Box>
-                        <Text fontSize="22px" mt="5">
-                            Groups on Goerli (name/id)
-                        </Text>
-                        <Text mt="2">The Goerli network is deprecated.</Text>
-                        <Stack spacing="5" my="5">
-                            {_goerliGroups.map((group) => (
-                                <GoerliGroupCard
-                                    key={group.id}
-                                    name={group.name}
-                                    id={group.id}
-                                />
-                            ))}
-                        </Stack>
-                        <Text>
-                            To fetch more information about the Goerli groups
-                            you can use the{" "}
-                            <ChakraLink
-                                href="https://docs.semaphore.pse.dev/V3/guides/fetching-data"
-                                isExternal
-                                textDecoration="underline"
-                            >
-                                @semaphore-protocol/data
-                            </ChakraLink>{" "}
-                            package.
-                        </Text>
-                    </Box>
-                )}
             </VStack>
         </Container>
     )