From f7a14690925f2c527db8fd9b2ade25f69e209fa1 Mon Sep 17 00:00:00 2001
From: Colin Toft <cwt1078@gmail.com>
Date: Sat, 24 Aug 2024 10:31:56 -0400
Subject: [PATCH] Clean up onboarding request page

---
 .../components/asp/requests/TitleSection.tsx  | 55 +++++++------------
 frontend/src/pages/OnboardingRequestsPage.tsx | 15 +----
 2 files changed, 22 insertions(+), 48 deletions(-)

diff --git a/frontend/src/components/asp/requests/TitleSection.tsx b/frontend/src/components/asp/requests/TitleSection.tsx
index 9d3cd5f5..58289e35 100644
--- a/frontend/src/components/asp/requests/TitleSection.tsx
+++ b/frontend/src/components/asp/requests/TitleSection.tsx
@@ -3,42 +3,29 @@ import React from "react";
 
 interface TitleSectionProps {
   title: string;
-  description: string;
 }
 
-const TitleSection = ({
-  title,
-  description,
-}: TitleSectionProps): React.ReactElement => (
-    <div>
-      <VStack
-        spacing={4}
-        alignItems="center"
-        height="fit-content"
-        style={{
-          background: "white",
-        }}
-        padding={{ base: "1rem", lg: "2rem" }}
+const TitleSection = ({ title }: TitleSectionProps): React.ReactElement => (
+  <div>
+    <VStack
+      spacing={4}
+      alignItems="center"
+      height="fit-content"
+      style={{
+        background: "white",
+      }}
+      padding={{ base: "1rem", lg: "2rem" }}
+    >
+      <Text
+        alignSelf={{ base: "center", lg: "unset" }}
+        variant="desktop-display-xl"
+        color="primary.blue"
+        as="b"
       >
-        <Text
-          alignSelf={{ base: "center", lg: "unset" }}
-          variant="desktop-display-xl"
-          color="primary.blue"
-          as="b"
-        >
-          {title}
-        </Text>
-
-        <Text
-          alignSelf={{ base: "center", lg: "unset" }}
-          variant="desktop-body"
-          textAlign="center"
-          maxWidth="100%"
-        >
-          {description}
-        </Text>
-      </VStack>
-    </div>
-  );
+        {title}
+      </Text>
+    </VStack>
+  </div>
+);
 
 export default TitleSection;
diff --git a/frontend/src/pages/OnboardingRequestsPage.tsx b/frontend/src/pages/OnboardingRequestsPage.tsx
index 741dd185..a8107e34 100644
--- a/frontend/src/pages/OnboardingRequestsPage.tsx
+++ b/frontend/src/pages/OnboardingRequestsPage.tsx
@@ -352,12 +352,6 @@ const ASPCard = ({
               <Text fontWeight="bold">Number of Kids</Text>
               <Text>{onboardingRequest?.info?.roleInfo?.aspInfo?.numKids}</Text>
             </Box>
-
-            <BanIcon />
-            <Box>
-              <Text fontWeight="bold">Dietary Restrictions</Text>
-              <Text>TODO: ADD DIET HERE</Text>
-            </Box>
           </>
         )}
         {onboardingRequest?.status === OnboardingRequestStatuses.PENDING ? (
@@ -531,14 +525,7 @@ const OnboardingRequestsPage = (): React.ReactElement => {
 
   const getTitleSection = (): React.ReactElement => (
     <Flex flexDir="column" width="100%">
-      <TitleSection
-        title="Onboarding Requests"
-        description={
-          isASP
-            ? "These are After School Program onboarding requests"
-            : "These are Meal Donor onboarding requests"
-        }
-      />
+      <TitleSection title="Onboarding Requests" />
       <Flex width="100%" justifyContent="space-between">
         <Flex>
           <Menu>