updated ASP calender colors

Author: shahanneda

frontend/src/components/common/MealRequestCalendarView.tsx

@@ -234,8 +234,16 @@ export const MealRequestCalendarView = ({
   const getEventColor = (mealRequest: MealRequest) => {
     if (pageContext === "asp") {
       if (mealRequest.donationInfo) {
+        if (mealRequest.status === MealStatus.FULFILLED) {
+          // return "#2e8438";
+          return "#C6F6D5";
+        }
+        if (mealRequest.status === MealStatus.UPCOMING) {
+          return "#D5C4EC"
+        }
+
         return mealRequest.id === selectedMealRequests[0]
-          ? "#2e8438"
+          ? "#C6F6D5"
           : "#3BA948";
       }
 
@@ -266,7 +274,7 @@ export const MealRequestCalendarView = ({
             mealRequest,
           },
           backgroundColor: getEventColor(mealRequest),
-          textColor: mealRequest.donationInfo ? "white" : "black",
+          textColor: "black",
           display: "block",
         };
       },

frontend/src/pages/ASPCalendar.tsx

@@ -42,7 +42,7 @@ import EditMealRequestForm from "./EditMealRequestForm";
 import { MealRequestCalendarView } from "../components/common/MealRequestCalendarView";
 import { CREATE_MEAL_REQUEST_PAGE, LOGIN_PAGE } from "../constants/Routes";
 import AuthContext from "../contexts/AuthContext";
-import { MealRequest } from "../types/MealRequestTypes";
+import { MealRequest, MealStatus } from "../types/MealRequestTypes";
 import { logPossibleGraphQLError } from "../utils/GraphQLUtils";
 
 const DELETE_MEAL_REQUEST = gql`
@@ -234,7 +234,7 @@ const ASPCalendar = ({ authId }: ASPCalendarProps) => {
               <Box textAlign="center" marginBottom={4}>
                 {selectedMealRequest.donationInfo ? (
                   <Text fontSize="20px" as="b">
-                    Upcoming Delivery
+                    { selectedMealRequest.status === MealStatus.UPCOMING ? "Upcoming Delivery" : "Fulfilled Meal" }
                   </Text>
                 ) : (
                   <Text fontSize="20px" as="b">
@@ -373,6 +373,7 @@ const ASPCalendar = ({ authId }: ASPCalendarProps) => {
                     ) : null}
                   </Table>
                   <Box position="absolute" bottom={2} right={2}>
+                    {selectedMealRequest.status !== MealStatus.FULFILLED ? 
                     <HStack spacing={2}>
                       <Button
                         variant="link"
@@ -386,6 +387,7 @@ const ASPCalendar = ({ authId }: ASPCalendarProps) => {
                         Edit
                       </Button>
                     </HStack>
+                    : null}
                   </Box>
                 </Card>
               ) : (