#3873 isOnGuestHomePage boolean added to link types

Author: staysgt

src/backend/src/controllers/projects.controllers.ts

@@ -166,9 +166,16 @@ export default class ProjectsController {
 
   static async createLinkType(req: Request, res: Response, next: NextFunction) {
     try {
-      const { name, iconName, required } = req.body;
+      const { name, iconName, required, isOnGuestHomePage } = req.body;
 
-      const newLinkType = await ProjectsService.createLinkType(req.currentUser, name, iconName, required, req.organization);
+      const newLinkType = await ProjectsService.createLinkType(
+        req.currentUser,
+        name,
+        iconName,
+        required,
+        req.organization,
+        isOnGuestHomePage
+      );
       res.status(200).json(newLinkType);
     } catch (error: unknown) {
       next(error);
@@ -453,13 +460,14 @@ export default class ProjectsController {
   static async editLinkType(req: Request, res: Response, next: NextFunction) {
     try {
       const { linkTypeName } = req.params as Record<string, string>;
-      const { name: newName, iconName, required } = req.body;
+      const { name: newName, iconName, required, isOnGuestHomePage } = req.body;
       const linkTypeUpdated = await ProjectsService.editLinkType(
         linkTypeName,
         iconName,
         required,
         req.currentUser,
         req.organization,
+        isOnGuestHomePage,
         newName
       );
       res.status(200).json(linkTypeUpdated);

…0221213604_guest_home_page/migration.sql …0305012944_guest_home_page/migration.sqlsrc/backend/src/prisma/migrations/20260221213604_guest_home_page/migration.sql renamed to src/backend/src/prisma/migrations/20260305012944_guest_home_page/migration.sql src/backend/src/prisma/migrations/20260221213604_guest_home_page/migration.sql renamed to src/backend/src/prisma/migrations/20260305012944_guest_home_page/migration.sql

@@ -5,8 +5,20 @@
   - You are about to drop the column `exploreAsGuestImageId` on the `Organization` table. All the data in the column will be lost.
 
 */
+-- DropForeignKey
+ALTER TABLE "Sponsor" DROP CONSTRAINT "Sponsor_sponsorTierId_fkey";
+
+-- AlterTable
+ALTER TABLE "Link_Type" ADD COLUMN     "isOnGuestHomePage" BOOLEAN NOT NULL DEFAULT false;
+
 -- AlterTable
 ALTER TABLE "Organization" DROP COLUMN "applyInterestImageId",
 DROP COLUMN "exploreAsGuestImageId",
 ADD COLUMN     "platformDescription" TEXT NOT NULL DEFAULT '',
 ADD COLUMN     "platformLogoImageId" TEXT;
+
+-- AlterTable
+ALTER TABLE "Sponsor" ALTER COLUMN "valueTypes" DROP DEFAULT;
+
+-- AddForeignKey
+ALTER TABLE "Sponsor" ADD CONSTRAINT "Sponsor_sponsorTierId_fkey" FOREIGN KEY ("sponsorTierId") REFERENCES "Sponsor_Tier"("sponsorTierId") ON DELETE SET NULL ON UPDATE CASCADE;

src/backend/src/prisma/schema.prisma

@@ -583,16 +583,17 @@ model Work_Package {
 }
 
 model Link_Type {
-  id             String       @id @default(uuid())
-  name           String
-  dateCreated    DateTime     @default(now())
-  iconName       String
-  required       Boolean
-  creatorId      String
-  creator        User         @relation(name: "linkTypeCreator", fields: [creatorId], references: [userId])
-  links          Link[]       @relation(name: "linkTypes")
-  organizationId String
-  organization   Organization @relation(fields: [organizationId], references: [organizationId])
+  id                String       @id @default(uuid())
+  name              String
+  dateCreated       DateTime     @default(now())
+  iconName          String
+  required          Boolean
+  creatorId         String
+  creator           User         @relation(name: "linkTypeCreator", fields: [creatorId], references: [userId])
+  links             Link[]       @relation(name: "linkTypes")
+  organizationId    String
+  organization      Organization @relation(fields: [organizationId], references: [organizationId])
+  isOnGuestHomePage Boolean      @default(false)
 
   @@unique([name, organizationId], name: "uniqueLinkType")
   @@index([organizationId])

src/backend/src/services/projects.services.ts

@@ -584,7 +584,8 @@ export default class ProjectsService {
     name: string,
     iconName: string,
     required: boolean,
-    organization: Organization
+    organization: Organization,
+    isOnGuestHomePage: boolean
   ): Promise<LinkType> {
     if (!(await userHasPermission(user.userId, organization.organizationId, isAdmin)))
       throw new AccessDeniedException('Only admins can create link types');
@@ -601,7 +602,8 @@ export default class ProjectsService {
         creatorId: user.userId,
         iconName,
         required,
-        organizationId: organization.organizationId
+        organizationId: organization.organizationId,
+        isOnGuestHomePage
       }
     });
 
@@ -623,6 +625,7 @@ export default class ProjectsService {
     required: boolean,
     submitter: User,
     organization: Organization,
+    isOnGuestHomePage: boolean,
     newName?: string
   ): Promise<LinkType> {
     if (!(await userHasPermission(submitter.userId, organization.organizationId, isAdmin)))
@@ -660,7 +663,8 @@ export default class ProjectsService {
       data: {
         name: newName && newName ? newName : linkName,
         iconName,
-        required
+        required,
+        isOnGuestHomePage
       }
     });
     return linkTypeUpdated;

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

@@ -31,7 +31,8 @@ const LinkTypeFormModal = ({ open, handleClose, defaultValues, onSubmit, linkTyp
       .required('LinkType Name is Required')
       .test('unique-LinkType-test', 'LinkType name must be unique', uniqueLinkTypeTest),
     iconName: yup.string().required('Icon name is required'),
-    required: yup.boolean().required('Required field must be specified')
+    required: yup.boolean().required('Required field must be specified'),
+    isOnGuestHomePage: yup.boolean().required('Guest page field must be specified')
   });
 
   const theme = useTheme();
@@ -47,7 +48,8 @@ const LinkTypeFormModal = ({ open, handleClose, defaultValues, onSubmit, linkTyp
     defaultValues: {
       name: defaultValues?.name ?? '',
       iconName: defaultValues?.iconName ?? '',
-      required: defaultValues?.required ?? false
+      required: defaultValues?.required ?? false,
+      isOnGuestHomePage: defaultValues?.required ?? false
     }
   });
 
@@ -99,6 +101,19 @@ const LinkTypeFormModal = ({ open, handleClose, defaultValues, onSubmit, linkTyp
             <FormHelperText error>{errors.required?.message}</FormHelperText>
           </FormControl>
         </Grid>
+        <Grid item xs={6}>
+          <FormControl fullWidth>
+            <FormLabel sx={{ '&.Mui-focused': { color: theme.palette.text.secondary } }}>
+              Appears on Guest Home Page
+            </FormLabel>
+            <Controller
+              name="isOnGuestHomePage"
+              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

@@ -62,6 +62,8 @@ const IntroGuestHomePage = () => {
   )
     return <LoadingIndicator />;
 
+  const guestPageLinks = usefulLinks?.filter((link) => link.linkType.isOnGuestHomePage);
+
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', px: 2 }}>
       <Typography mt={2} variant="h4" sx={{ fontWeight: 'bold' }}>
@@ -101,7 +103,7 @@ const IntroGuestHomePage = () => {
       </Typography>
       <Box sx={{ mt: 2, width: '100%', display: 'flex', justifyContent: 'center' }}>
         <Stack direction="row" flexWrap="wrap" gap={2} useFlexGap justifyContent="center">
-          {usefulLinks.map((link) => (
+          {guestPageLinks.map((link) => (
             <Link
               key={link.linkId}
               href={link.url}

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

@@ -10,7 +10,7 @@ import { wbsPipe } from 'shared';
 import LoadingIndicator from '../../../components/LoadingIndicator';
 import ScrollablePageBlock from './ScrollablePageBlock';
 import EmptyPageBlockDisplay from './EmptyPageBlockDisplay';
-import { Box, Stack, useMediaQuery } from '@mui/material';
+import { Box, Stack, useMediaQuery, useTheme } from '@mui/material';
 import { Error } from '@mui/icons-material';
 
 const NoFeaturedProjectsDisplay: React.FC = () => {

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

@@ -30,7 +30,7 @@ const GuestOrganizationInfo = () => {
   const theme = useTheme();
   const { data: organization, isLoading, isError, error } = useCurrentOrganization();
   const {
-    data: usefulLinks,
+    data: links,
     isLoading: usefulLinksIsLoading,
     isError: usefulLinksIsError,
     error: usefulLinksError
@@ -40,9 +40,11 @@ const GuestOrganizationInfo = () => {
   if (isLoading || !organization) return <LoadingIndicator />;
   if (isError) return <ErrorPage message={error?.message} />;
 
-  if (!usefulLinks || usefulLinksIsLoading || !linkTypes || linkTypesIsLoading) return <LoadingIndicator />;
+  if (!links || usefulLinksIsLoading || !linkTypes || linkTypesIsLoading) return <LoadingIndicator />;
   if (usefulLinksIsError) return <ErrorPage message={usefulLinksError.message} />;
 
+  const usefulLinks = links?.filter((link) => !link.linkType.isOnGuestHomePage);
+
   return (
     <Card
       sx={{

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

@@ -15,15 +15,17 @@ const OnboardingInfoSection: React.FC = () => {
     error: organizationError
   } = useCurrentOrganization();
 
-  const { data: links, isError: linksIsError, error: linksError, isLoading: linksIsLoading } = useAllUsefulLinks();
+  const { data: usefulLinks, isError: linksIsError, error: linksError, isLoading: linksIsLoading } = useAllUsefulLinks();
 
   if (organizationIsError) {
     return <ErrorPage message={organizationError.message} />;
   }
 
   if (linksIsError) return <ErrorPage message={linksError?.message} />;
 
-  if (!organization || organizationIsLoading || !links || linksIsLoading) return <LoadingIndicator />;
+  if (!organization || organizationIsLoading || !usefulLinks || linksIsLoading) return <LoadingIndicator />;
+
+  const links = usefulLinks?.filter((link) => !link.linkType.isOnGuestHomePage);
 
   return (
     <Grid container item sx={{ display: 'flex', flexDirection: 'column', gap: 2.5 }}>

src/shared/src/types/project-types.ts

@@ -132,6 +132,7 @@ export interface LinkType {
   name: string;
   required: boolean;
   iconName: string;
+  isOnGuestHomePage: boolean;
 }
 
 export interface Link {
@@ -186,6 +187,7 @@ export interface LinkTypeCreatePayload {
   name: string;
   iconName: string;
   required: boolean;
+  isOnGuestHomePage: boolean;
 }
 
 export interface DescriptionBulletTypeCreatePayload {