#3873 fixed admin tools, fixed featured projects, link types unrequired for guest view, changed button

Author: staysgt

src/frontend/src/pages/AdminToolsPage/EditGuestView/GuestViewConfig.tsx

@@ -151,37 +151,33 @@ const GuestViewConfig: React.FC = () => {
               </Box>
             )}
           </Box>
+          <Box
+            sx={{
+              backgroundColor: (theme) => theme.palette.background.paper,
+              borderRadius: '10px',
+              padding: '16px'
+            }}
+          >
+            <Typography
+              variant="h6"
+              sx={{
+                color: 'white',
+                fontWeight: 'bold',
+                marginBottom: '12px'
+              }}
+            >
+              Guest Page Links
+            </Typography>
+            <UsefulLinksTable isOnGuestHomePage={true} />
+          </Box>
         </Stack>
       </Grid>
-      <Grid item>
+      <Grid item xs={12}>
         <Typography variant="h5" gutterBottom borderBottom={1} color="#ef4345" borderColor={'white'}>
           Links Config
         </Typography>
         <LinkTypeTable isOnGuestHomePage={true} />
       </Grid>
-      <Grid item>
-        <Box
-          sx={{
-            backgroundColor: (theme) => theme.palette.background.paper,
-            height: '100%',
-            borderRadius: '10px',
-            padding: '16px',
-            width: '100%'
-          }}
-        >
-          <Typography
-            variant="h6"
-            sx={{
-              color: 'white',
-              fontWeight: 'bold',
-              marginBottom: '12px'
-            }}
-          >
-            Guest Page Links
-          </Typography>
-          <UsefulLinksTable isOnGuestHomePage={true} />
-        </Box>
-      </Grid>
     </Grid>
   );
 };

src/frontend/src/pages/AdminToolsPage/ProjectsConfig/LinkTypes/LinkTypeFormModal.tsx

@@ -98,17 +98,19 @@ const LinkTypeFormModal = ({
             <FormHelperText error>{errors.name?.message}</FormHelperText>
           </FormControl>
         </Grid>
-        <Grid item xs={6}>
-          <FormControl fullWidth>
-            <FormLabel sx={{ '&.Mui-focused': { color: theme.palette.text.secondary } }}>Required</FormLabel>
-            <Controller
-              name="required"
-              control={control}
-              render={({ field }) => <Switch {...field} checked={field.value} />}
-            />
-            <FormHelperText error>{errors.required?.message}</FormHelperText>
-          </FormControl>
-        </Grid>
+        {!isOnGuestHomePage && (
+          <Grid item xs={6}>
+            <FormControl fullWidth>
+              <FormLabel sx={{ '&.Mui-focused': { color: theme.palette.text.secondary } }}>Required</FormLabel>
+              <Controller
+                name="required"
+                control={control}
+                render={({ field }) => <Switch {...field} checked={field.value} />}
+              />
+              <FormHelperText error>{errors.required?.message}</FormHelperText>
+            </FormControl>
+          </Grid>
+        )}
         <Grid item xs={6}>
           <FormControl fullWidth>
             <Box style={{ display: 'flex', verticalAlign: 'middle', alignItems: 'center' }}>

src/frontend/src/pages/HomePage/IntroGuestHomePage.tsx

@@ -121,14 +121,16 @@ const IntroGuestHomePage = () => {
       >
         <CardContent sx={{ py: 2, '&:last-child': { pb: 2 } }}>
           <RouterLink to={routes.HOME_PNM} style={{ textDecoration: 'none' }}>
-            <NERButton variant="outlined" size="small">
-              Interested in becoming a member? Learn more about joining {organization.name} here
+            <Typography variant="body1" color="text.primary" sx={{ mb: 2 }}>
+              Interested in becoming a member?
+            </Typography>
+            <NERButton variant="contained" size="medium">
+              Join {organization.name}
             </NERButton>
           </RouterLink>
         </CardContent>
       </Card>
-
-      <Box sx={{ width: '100%', mt: 3 }}>
+      <Box display="flex" justifyContent="center" alignItems="center" sx={{ width: '100%', mt: 3 }}>
         <FeaturedProjects />
       </Box>
     </Box>

src/frontend/src/pages/HomePage/components/FeaturedProjectsCard.tsx

@@ -17,7 +17,7 @@ const FeaturedProjectsCard: React.FC<ProjectCardProps> = ({ project }) => {
         minWidth: 'fit-content',
         minHeight: 'fit-content',
         width: isMobilePortrait ? '100%' : 'auto',
-        background: theme.palette.background.paper,
+        background: theme.palette.mode === 'dark' ? '#000000' : 'rgb(255, 255, 255)',
         borderRadius: 2
       }}
     >