fix: only some minor changes

__tests__/TreeEntryForm.test.tsx

@@ -8,8 +8,6 @@ import { render, screen, fireEvent, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { treeIssues } from "@/app/newTreeForm/tree-form-data";
 import TreeEntryForm from "@/app/newTreeForm/page";
-import { ClerkProvider } from "@clerk/nextjs";
-import mockRouter from "next-router-mock";
 
 jest.mock("@clerk/nextjs", () => ({
   ClerkProvider: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,

package.json

@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "@auth0/nextjs-auth0": "^4.0.2",
+    "@chakra-ui/icons": "^2.2.4",
     "@chakra-ui/react": "^2.10.5",
     "@clerk/clerk-react": "^5.24.0",
     "@clerk/nextjs": "^5.0.9",

src/app/createAnnouncement/page.tsx

@@ -54,17 +54,17 @@ const CreateAnnouncement = () => {
   };
 
   return (
-    <Box position="absolute" width="100vw" height="100vh" bg="#F4F1E8" transform="translateX(-4rem)">
-      <VStack
-        spacing={7}
-        align="start"
-        p="50px"
-        py="50px"
-        width="100%"
-        maxW="900px"
-        mx="auto"
-        transform="translate(-12rem, 4rem)"
-      >
+    <Box
+      position="absolute"
+      width="100vw"
+      minHeight="100vh"
+      bg="#F4F1E8"
+      transform="translateX(-15rem)"
+      pl="15rem"
+      display="flex"
+      alignItems="center"
+    >
+      <VStack spacing={7} align="start" p="50px" py="50px" width="100%" maxW="900px" mx="auto">
         <Box fontSize="3xl" fontWeight="bold">
           New Message
         </Box>

src/database/announcementSchema.ts

@@ -5,12 +5,14 @@ export type IAnnouncement = {
   volunteers: string[];
   sender: string;
   dateSent: Date;
+  message: string;
 };
 
 const AnnouncementSchema = new Schema<IAnnouncement>({
   volunteers: { type: [String], required: true },
   sender: { type: String, required: true },
   dateSent: { type: Date, required: true },
+  message: { type: String, required: true },
 });
 
 export default mongoose.models.Announcement || mongoose.model<IAnnouncement>("Announcement", AnnouncementSchema);