adding messages

src/components/announcements/add-announcement/AddAnnouncementIndex.tsx

@@ -19,10 +19,6 @@ const AddAnnouncementIndex = () => {
   const [photos, setPhotos] = useState<(Blob | null)[]>([]);
   const [loading, setLoading] = useState(false);
 
-  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setAnnouncement((prev) => ({ ...prev, [e.target.name]: e.target.value }));
-  };
-
   const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     if (

src/components/announcements/preview-annoucement/PosterInfo.tsx

@@ -21,11 +21,17 @@ const PosterInfo: React.FC<Props> = ({ email, firstName, lastName, phone }) => {
             </p>
           </div>
         </div>
-        <div>
+        <div className="flex flex-col items-center">
           <p className="text-center font-serif font-bold ">
             <span className="capitalize"> {firstName.toLowerCase()} </span>
             <span className="capitalize">{lastName.toLowerCase()}</span>
           </p>
+          <a
+            href={`mailto:${email}`}
+            className="text-sm font-medium hover:underline"
+          >
+            {email}
+          </a>
           {phone && (
             <a
               href={`tel:${phone}`}
@@ -34,12 +40,6 @@ const PosterInfo: React.FC<Props> = ({ email, firstName, lastName, phone }) => {
               {phone}
             </a>
           )}
-          <a
-            href={`mailto:${email}`}
-            className="text-sm font-medium hover:underline"
-          >
-            {email}
-          </a>
         </div>
         <Link
           href={"#"}

src/services/message.service.ts

@@ -0,0 +1,12 @@
+class MessageService {
+  private static instance: MessageService;
+
+  public static getInstance(): MessageService {
+    if (!this.instance) {
+      this.instance = new MessageService();
+    }
+    return this.instance;
+  }
+}
+
+export default MessageService;