change urls again

deploy/values/l2-optimism-goerli/values.yaml

@@ -316,7 +316,7 @@ frontend:
         - "/api-docs"
         - "/csv-export"
         - "/verified-contracts"
-        - "/graphql"
+        - "/graphiql"
 
   resources:
     limits:

deploy/values/main/values.yaml

@@ -364,7 +364,7 @@ frontend:
         - "/api-docs"
         - "/csv-export"
         - "/verified-contracts"
-        - "/graphql"
+        - "/graphiql"
 
   resources:
     limits:

deploy/values/review-l2/values.yaml

@@ -39,7 +39,7 @@ frontend:
         - "/api-docs"
         - "/csv-export"
         - "/verified-contracts"
-        - "/graphql"
+        - "/graphiql"
 
   resources:
     limits:

deploy/values/review/values.yaml

@@ -39,7 +39,7 @@ frontend:
         - "/api-docs"
         - "/csv-export"
         - "/verified-contracts"
-        - "/graphql"
+        - "/graphiql"
 
   resources:
     limits:

lib/api/resources.ts

@@ -356,7 +356,7 @@ export const RESOURCES = {
 
   // GraphQL
   graphql: {
-    path: '/graphiql',
+    path: '/graphql',
   },
 
   // DEPRECATED

lib/hooks/useNavItems.tsx

@@ -137,9 +137,9 @@ export default function useNavItems(): ReturnType {
       } : null,
       {
         text: 'GraphQL',
-        nextRoute: { pathname: '/graphql' as const },
+        nextRoute: { pathname: '/graphiql' as const },
         icon: graphQLIcon,
-        isActive: pathname === '/graphql',
+        isActive: pathname === '/graphiql',
         isNewUi: true,
       },
       {

types/nextjs-routes.d.ts

@@ -25,7 +25,7 @@ declare module "nextjs-routes" {
     | StaticRoute<"/blocks">
     | StaticRoute<"/csv-export">
     | StaticRoute<"/graph">
-    | StaticRoute<"/graphql">
+    | StaticRoute<"/graphiql">
     | StaticRoute<"/">
     | StaticRoute<"/login">
     | StaticRoute<"/search-results">

ui/graphQL/GraphQL.tsx

@@ -18,7 +18,7 @@ const GraphQL = () => {
 
   const { colorMode } = useColorMode();
 
-  // use colorModeState as a key to re-render GraphiQL conponent after color mode change
+  // colorModeState used as a key to re-render GraphiQL conponent after color mode change
   const [ colorModeState, setColorModeState ] = React.useState(colorMode);
 
   React.useEffect(() => {