chore: add and run prettier

rte/components/ImageEditModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, ChangeEvent } from 'react';
+import React, { useState, useEffect, ChangeEvent } from "react"
 import {
   ModalFooter,
   ModalBody,
@@ -9,14 +9,14 @@ import {
   FieldLabel,
   TextInput,
   Select,
-} from '@contentstack/venus-components';
-import { Path } from 'slate';
+} from "@contentstack/venus-components"
+import { Path } from "slate"
 
 import type {
   IRteParam,
   IRteElementType,
-} from '@contentstack/app-sdk/dist/src/RTE/types';
-import type { InsertResponse } from "~/types/imagevault";
+} from "@contentstack/app-sdk/dist/src/RTE/types"
+import type { InsertResponse } from "~/types/imagevault"
 
 enum DropdownValues {
   center = "center",
@@ -26,10 +26,10 @@ enum DropdownValues {
 }
 
 type DropDownItem = {
-  label: string;
-  value: DropdownValues;
-  type: string;
-};
+  label: string
+  value: DropdownValues
+  type: string
+}
 
 const dropdownList: DropDownItem[] = [
   {
@@ -52,16 +52,16 @@ const dropdownList: DropDownItem[] = [
     value: DropdownValues.right,
     type: "select",
   },
-];
+]
 
 type ImageEditModalProps = {
   element: IRteElementType & {
-    attrs: InsertResponse;
-  };
-  rte: IRteParam;
-  closeModal: () => void;
-  path: Path;
-};
+    attrs: InsertResponse
+  }
+  rte: IRteParam
+  closeModal: () => void
+  path: Path
+}
 
 export default function ImageEditModal({
   element,
@@ -73,29 +73,29 @@ export default function ImageEditModal({
     label: "None",
     value: DropdownValues.none,
     type: "select",
-  });
-  const [altText, setAltText] = useState("");
-  const [caption, setCaption] = useState("");
+  })
+  const [altText, setAltText] = useState("")
+  const [caption, setCaption] = useState("")
 
-  const assetUrl = element.attrs.MediaConversions[0].Url;
+  const assetUrl = element.attrs.MediaConversions[0].Url
 
   useEffect(() => {
     if (element.attrs.Metadata && element.attrs.Metadata.length) {
       const altText = element.attrs.Metadata.find((meta) =>
         meta.Name.includes("AltText_")
-      )?.Value;
+      )?.Value
 
       const caption = element.attrs.Metadata.find((meta) =>
         meta.Name.includes("Title_")
-      )?.Value;
+      )?.Value
 
-      setAltText(altText ?? "");
-      setCaption(caption ?? "");
+      setAltText(altText ?? "")
+      setCaption(caption ?? "")
     }
-  }, [element.attrs.Metadata]);
+  }, [element.attrs.Metadata])
 
   function handleSave() {
-    let newStyle;
+    let newStyle
 
     switch (alignment.value) {
       case DropdownValues.center:
@@ -106,25 +106,25 @@ export default function ImageEditModal({
           maxWidth: element.attrs.width
             ? `${element.attrs.width}px`
             : undefined,
-        };
-        break;
+        }
+        break
       case DropdownValues.none:
       default:
-        newStyle = {};
-        break;
+        newStyle = {}
+        break
     }
 
-    const metaData = element.attrs.Metadata ?? [];
+    const metaData = element.attrs.Metadata ?? []
 
     const newMetadata = metaData.map((meta) => {
       if (meta.Name.includes("AltText_")) {
-        return { ...meta, Value: altText };
+        return { ...meta, Value: altText }
       }
       if (meta.Name.includes("Title_")) {
-        return { ...meta, Value: caption };
+        return { ...meta, Value: caption }
       }
-      return meta;
-    });
+      return meta
+    })
 
     rte._adv.Transforms?.setNodes<IRteElementType>(
       rte._adv.editor,
@@ -137,9 +137,9 @@ export default function ImageEditModal({
         },
       },
       { at: path }
-    );
+    )
 
-    closeModal();
+    closeModal()
   }
 
   return (
@@ -168,7 +168,7 @@ export default function ImageEditModal({
               selectLabel="Alignment"
               value={alignment}
               onChange={(e: DropDownItem) => {
-                setAlignment(e);
+                setAlignment(e)
               }}
               options={dropdownList}
             />
@@ -209,5 +209,5 @@ export default function ImageEditModal({
         </ButtonGroup>
       </ModalFooter>
     </>
-  );
+  )
 }