Merge pull request #9222 from CitizenLabDotCo/master

Release 2024-10-28
CitizenLabDotCo · Oct 28, 2024 · 7a66b4c · 7a66b4c
2 parents 9f14c32 + cd2d9ad
commit 7a66b4c
Showing 1 changed file with 32 additions and 26 deletions.
diff --git a/front/app/containers/ProjectsShowPage/shared/header/ProjectInfoSideBar/index.tsx b/front/app/containers/ProjectsShowPage/shared/header/ProjectInfoSideBar/index.tsx
@@ -55,10 +55,15 @@ const ProjectInfoSideBar = memo<Props>(
           : [];
 
       return (
-        <Box id="e2e-project-sidebar" className={className || ''}>
+        <Box id="e2e-project-sidebar" className={className || ''} w="100%">
           <StyledProjectActionButtons projectId={projectId} />
           {!hideParticipationAvatars && (
-            <Box>
+            <Box
+              display="flex"
+              alignItems="center"
+              w="100%"
+              justifyContent="center"
+            >
               <Tooltip
                 disabled={!isAdmin(authUser)}
                 placement="bottom"
@@ -79,30 +84,31 @@ const ProjectInfoSideBar = memo<Props>(
                   />
                 </Box>
               </Tooltip>
-
-              {isAdmin(authUser) && hasNativeSurvey(phases?.data) && (
-                <Box ml="4px">
-                  <IconTooltip
-                    placement="auto"
-                    maxTooltipWidth={200}
-                    iconColor={colors.coolGrey500}
-                    content={
-                      <FormattedMessage
-                        {...messages.participantsTooltip}
-                        values={{
-                          accessRightsLink: (
-                            <Link
-                              to={`/admin/projects/${projectId}/settings/access-rights`}
-                            >
-                              <FormattedMessage {...messages.accessRights} />
-                            </Link>
-                          ),
-                        }}
-                      />
-                    }
-                  />
-                </Box>
-              )}
+              {projectParticipantsCount > 0 &&
+                isAdmin(authUser) &&
+                hasNativeSurvey(phases?.data) && (
+                  <Box ml="4px">
+                    <IconTooltip
+                      placement="auto"
+                      maxTooltipWidth={200}
+                      iconColor={colors.coolGrey500}
+                      content={
+                        <FormattedMessage
+                          {...messages.participantsTooltip}
+                          values={{
+                            accessRightsLink: (
+                              <Link
+                                to={`/admin/projects/${projectId}/settings/access-rights`}
+                              >
+                                <FormattedMessage {...messages.accessRights} />
+                              </Link>
+                            ),
+                          }}
+                        />
+                      }
+                    />
+                  </Box>
+                )}
             </Box>
           )}
         </Box>