Fix Issue #1

- Get max project id from project list regardless of sorting
- Make sure core contract address is lower case for the query to work properly
- Fix live view links

src/components/ProjectList.tsx

@@ -27,9 +27,10 @@ const ProjectList = () => {
 
   useEffect(() => {
     if (data?.projects?.length) {
-      const { projectId } = data.projects[data.projects.length - 1];
-      if (projectId > highestProjectId) {
-        setHighestProjectId(projectId);
+      const projectIds = data.projects.map((project: Project) => Number(project.projectId));
+      const maxProjectId = Math.max(...projectIds);
+      if (maxProjectId > highestProjectId) {
+        setHighestProjectId(maxProjectId);
       }
     }
   }, [data, data?.projects, highestProjectId]);

src/components/TokenPreview.tsx

@@ -72,7 +72,7 @@ const TokenPreview = ({
                   padding: [0, 0, 'default']
                 }}
                 onClick={() => {
-                  window.open(`${generatorUrl}/${tokenId}`);
+                  window.open(`${generatorUrl}/${coreContractAddress?.toLowerCase()}/${tokenId}`);
                 }}
               >
                 <Typography fontSize="14px" display={['none', 'none', 'block']}>

src/components/pages/ProjectPage.tsx

@@ -11,7 +11,7 @@ const ProjectPage = () => {
     <Page>
       {
         projectId ? (
-          <ProjectDetails id={coreContractAddress + '-' + projectId} />
+          <ProjectDetails id={coreContractAddress?.toLowerCase() + '-' + projectId} />
         ) : (
           <Alert severity="info">
             Project not found

src/hooks/useProject.ts

@@ -6,7 +6,7 @@ import {
 const projectQuery = (id: string) => `
   query GetProject {
     project(
-      id: "${id}"
+      id: "${id.toLowerCase()}"
     ) {
       id
       projectId