fix: run lint

Author: loancv12

src/extensions/Link/components/LinkEditBlock.tsx

@@ -1,10 +1,10 @@
 /* eslint-disable no-unsafe-optional-chaining */
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react';
 
-import { Button, IconComponent, Input, Label, Switch } from "@/components";
-import { useLocale } from "@/locales";
+import { Button, IconComponent, Input, Label, Switch } from '@/components';
+import { useLocale } from '@/locales';
 
 interface IPropsLinkEditBlock {
   editor: any;
@@ -15,36 +15,38 @@ function LinkEditBlock(props: IPropsLinkEditBlock) {
   const { t } = useLocale();
 
   const [form, setForm] = useState({
-    text: "",
-    link: "",
+    text: '',
+    link: '',
   });
   const [openInNewTab, setOpenInNewTab] = useState<boolean>(false);
 
   useEffect(() => {
     if (props?.editor) {
-      const { href: link, target } = props.editor?.getAttributes("link");
+      const { href: link, target } = props.editor?.getAttributes('link');
 
       const { from, to } = props.editor.state.selection;
-      const text = props.editor.state.doc.textBetween(from, to, " ");
+      const text = props.editor.state.doc.textBetween(from, to, ' ');
       setForm({
-        link: link || "",
+        link: link || '',
         text,
       });
-      setOpenInNewTab(target === "_blank");
+      setOpenInNewTab(target === '_blank');
     }
   }, [props?.editor]);
 
   function handleSubmit(event: any) {
     event.preventDefault();
     event.stopPropagation();
     props?.onSetLink(form.link, form.text, openInNewTab);
-    setForm({ text: "", link: "" });
+    setForm({ text: '', link: '' });
   }
 
   return (
     <div className="border-neutral-200 richtext-rounded-lg !richtext-border richtext-bg-white richtext-p-2 richtext-shadow-sm dark:richtext-border-neutral-800 dark:richtext-bg-black">
       <div className="richtext-flex richtext-flex-col richtext-gap-2">
-        <Label className="mb-[6px]">{t("editor.link.dialog.text")}</Label>
+        <Label className="mb-[6px]">
+          {t('editor.link.dialog.text')}
+        </Label>
 
         <div className="richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5">
           <div className="richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center">
@@ -59,7 +61,9 @@ function LinkEditBlock(props: IPropsLinkEditBlock) {
           </div>
         </div>
 
-        <Label className="mb-[6px]">{t("editor.link.dialog.link")}</Label>
+        <Label className="mb-[6px]">
+          {t('editor.link.dialog.link')}
+        </Label>
 
         <div className="richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5">
           <div className="richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center">
@@ -81,7 +85,9 @@ function LinkEditBlock(props: IPropsLinkEditBlock) {
         </div>
 
         <div className="richtext-flex richtext-items-center richtext-space-x-2">
-          <Label>{t("editor.link.dialog.openInNewTab")}</Label>
+          <Label>
+            {t('editor.link.dialog.openInNewTab')}
+          </Label>
 
           <Switch
             checked={openInNewTab}
@@ -96,7 +102,7 @@ function LinkEditBlock(props: IPropsLinkEditBlock) {
           onClick={handleSubmit}
           type="button"
         >
-          {t("editor.link.dialog.button.apply")}
+          {t('editor.link.dialog.button.apply')}
         </Button>
       </div>
     </div>