fix responsive design

helper/index.js

@@ -46,3 +46,35 @@ export const checkTimes = (arr) => {
     return hasMorningTime && hasEveningTime;
   });
 };
+
+export const uploadImage = async (event) => {
+  let obj = {
+    file: "",
+    blob: "",
+  };
+
+  const file = event.target.files[0];
+  if (file) {
+    obj.file = file;
+    const readFileAsDataURL = (file) => {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+
+        reader.onload = () => resolve(reader.result);
+
+        reader.onerror = (error) => reject(error);
+
+        reader.readAsDataURL(file);
+      });
+    };
+    try {
+      obj.blob = await readFileAsDataURL(file);
+      return obj;
+    } catch (error) {
+      console.error("Error reading file: ", error);
+      throw error;
+    }
+  } else {
+    throw new Error("No file selected");
+  }
+};