fix: goat-community/goat#3335

goat-community · Oct 18, 2024 · 6b16fa1 · 6b16fa1
1 parent 102ec9e
commit 6b16fa1
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 16 deletions.
diff --git a/apps/web/app/[lng]/(dashboard)/home/page.tsx b/apps/web/app/[lng]/(dashboard)/home/page.tsx
@@ -12,6 +12,7 @@ import { useProjects } from "@/lib/api/projects";
 import type { PaginatedQueryParams } from "@/lib/validations/common";
 import type { Layer } from "@/lib/validations/layer";
 
+import { useAuthZ } from "@/hooks/auth/AuthZ";
 import { useJobStatus } from "@/hooks/jobs/JobStatus";
 
 import BlogSection from "@/components/dashboard/home/BlogSection";
@@ -44,6 +45,8 @@ const Home = () => {
 
   useJobStatus(mutate);
 
+  const { isOrgEditor } = useAuthZ();
+
   return (
     <Container sx={{ py: 10, px: 10 }} maxWidth="xl">
       <Stack direction="column" spacing={24}>
@@ -67,9 +70,17 @@ const Home = () => {
             </Button>
           </Box>
           <Divider sx={{ mb: 4 }} />
-          <ProjectSection projects={projects?.items ?? []} isLoading={isProjectLoading} />
+          <ProjectSection
+            projects={projects?.items ?? []}
+            isLoading={isProjectLoading}
+            hideCreate={!isOrgEditor}
+          />
         </Stack>
-        <DataSection layers={(layers?.items as Layer[]) ?? []} isLoading={isLayerLoading} />
+        <DataSection
+          layers={(layers?.items as Layer[]) ?? []}
+          isLoading={isLayerLoading}
+          hideCreate={!isOrgEditor}
+        />
         <BlogSection />
       </Stack>
     </Container>

diff --git a/apps/web/components/dashboard/home/DataSection.tsx b/apps/web/components/dashboard/home/DataSection.tsx
@@ -20,6 +20,7 @@ import DatasetUploadModal from "@/components/modals/DatasetUpload";
 interface DataSectionProps {
   layers: Layer[];
   isLoading: boolean;
+  hideCreate?: boolean;
 }
 
 const DataSection = (props: DataSectionProps) => {
@@ -65,7 +66,7 @@ const DataSection = (props: DataSectionProps) => {
       </Box>
       <Divider sx={{ mb: 4 }} />
       <Grid container spacing={5}>
-        {(isLoading ? Array.from(new Array(4)) : layers ?? []).map((item: Layer, index: number) => (
+        {(isLoading ? Array.from(new Array(4)) : (layers ?? [])).map((item: Layer, index: number) => (
           <Grid
             item
             key={item?.id ?? index}
@@ -99,11 +100,13 @@ const DataSection = (props: DataSectionProps) => {
           {isLoading ? (
             <Skeleton variant="rectangular" height={200} />
           ) : (
-            <EmptyCard
-              onClick={() => setOpenDatasetUploadModal(true)}
-              tooltip={t("create_new_dataset")}
-              backgroundImage="https://assets.plan4better.de/img/grid_thumbnail.png"
-            />
+            !props.hideCreate && (
+              <EmptyCard
+                onClick={() => setOpenDatasetUploadModal(true)}
+                tooltip={t("create_new_dataset")}
+                backgroundImage="https://assets.plan4better.de/img/grid_thumbnail.png"
+              />
+            )
           )}
         </Grid>
       </Grid>

diff --git a/apps/web/components/dashboard/home/ProjectSection.tsx b/apps/web/components/dashboard/home/ProjectSection.tsx
@@ -18,6 +18,7 @@ import ProjectModal from "@/components/modals/Project";
 interface ProjectSectionProps {
   projects: Project[];
   isLoading: boolean;
+  hideCreate?: boolean;
 }
 
 const ProjectSection = (props: ProjectSectionProps) => {
@@ -43,7 +44,7 @@ const ProjectSection = (props: ProjectSectionProps) => {
         </>
       )}
       <Grid container spacing={5}>
-        {(isLoading ? Array.from(new Array(3)) : projects ?? []).map((item: Project, index: number) => (
+        {(isLoading ? Array.from(new Array(3)) : (projects ?? [])).map((item: Project, index: number) => (
           <Grid
             item
             key={item?.id ?? index}
@@ -77,13 +78,15 @@ const ProjectSection = (props: ProjectSectionProps) => {
           {isLoading ? (
             <Skeleton variant="rectangular" height={200} />
           ) : (
-            <EmptyCard
-              onClick={() => {
-                setOpenProjectModal(true);
-              }}
-              tooltip={t("create_new_project")}
-              backgroundImage="https://assets.plan4better.de/img/goat_new_project_artwork.png"
-            />
+            !props.hideCreate && (
+              <EmptyCard
+                onClick={() => {
+                  setOpenProjectModal(true);
+                }}
+                tooltip={t("create_new_project")}
+                backgroundImage="https://assets.plan4better.de/img/goat_new_project_artwork.png"
+              />
+            )
           )}
         </Grid>
       </Grid>