Fix: foramt

src/components/common/GoogleAnalytics.tsx

@@ -1,7 +1,7 @@
-'use client'
-import Script from 'next/script'
-import { useEffect, FC } from 'react'
-import { usePathname, useSearchParams } from 'next/navigation'
+'use client';
+import Script from 'next/script';
+import { useEffect, FC } from 'react';
+import { usePathname, useSearchParams } from 'next/navigation';
 import { existsGaId, GA_MEASUREMENT_ID, pageview } from '@/lib/gtag';
 import { useRouter } from 'next/router';
 
@@ -11,30 +11,30 @@ const GoogleAnalytics: FC = () => {
 
   useEffect(() => {
     if (!existsGaId) {
-      return
+      return;
     }
-    const url = pathname + searchParams.toString()
-    pageview(url)
+    const url = pathname + searchParams.toString();
+    pageview(url);
   }, [pathname, searchParams]);
 
   const router = useRouter();
   useEffect(() => {
     const handleRouteChange = (url) => {
       pageview(url);
-    }
-    router.events.on('routeChangeComplete', handleRouteChange)
+    };
+    router.events.on('routeChangeComplete', handleRouteChange);
     return () => {
-      router.events.off('routeChangeComplete', handleRouteChange)
-    }
+      router.events.off('routeChangeComplete', handleRouteChange);
+    };
   }, [router.events]);
 
   return (
     <>
       <Script
-        strategy='lazyOnload'
+        strategy="lazyOnload"
         src={`https://www.googletagmanager.com/gtag/js?id=${GA_MEASUREMENT_ID}`}
       />
-      <Script id='gtag-init' strategy='afterInteractive'>
+      <Script id="gtag-init" strategy="afterInteractive">
         {`
           window.dataLayer = window.dataLayer || [];
           function gtag(){dataLayer.push(arguments);}
@@ -45,7 +45,7 @@ const GoogleAnalytics: FC = () => {
         `}
       </Script>
     </>
-  )
-}
+  );
+};
 
-export default GoogleAnalytics
+export default GoogleAnalytics;

src/components/pages/diff/Diff.tsx

@@ -33,9 +33,7 @@ export const Diff: React.FC = () => {
                     </Col>
                     <Col xs={12}>
                       <FlexboxGrid justify="end">
-                        <ButtonToolbar>
-                          {/*<ClearButton name="modified" />*/}
-                        </ButtonToolbar>
+                        <ButtonToolbar>{/*<ClearButton name="modified" />*/}</ButtonToolbar>
                       </FlexboxGrid>
                     </Col>
                   </Row>

src/components/pages/diff/DiffEditor.tsx

@@ -12,15 +12,19 @@ export const DiffEditor: React.FC<DiffEditorProps> = (props) => {
   const Original = CodeMirrorMerge.Original;
   const Modified = CodeMirrorMerge.Modified;
 
-  const onChangeOriginal = React.useCallback((value) => {
-    setValue('original', value);
-  }, [setValue]);
-
-  const onChangeModified = React.useCallback((value) => {
-    setValue('modified', value);
-  }, [setValue]);
-
+  const onChangeOriginal = React.useCallback(
+    (value) => {
+      setValue('original', value);
+    },
+    [setValue],
+  );
 
+  const onChangeModified = React.useCallback(
+    (value) => {
+      setValue('modified', value);
+    },
+    [setValue],
+  );
 
   return (
     <CodeMirrorMerge theme={vscodeDark} orientation="a-b">

src/lib/gtag.ts

@@ -1,9 +1,9 @@
-export const GA_MEASUREMENT_ID = process.env.NEXT_PUBLIC_GA_TRACKING_ID || "";
+export const GA_MEASUREMENT_ID = process.env.NEXT_PUBLIC_GA_TRACKING_ID || '';
 
-export const existsGaId = GA_MEASUREMENT_ID !== "";
+export const existsGaId = GA_MEASUREMENT_ID !== '';
 
 export const pageview = (path: string) => {
-  window.gtag("config", GA_MEASUREMENT_ID, {
+  window.gtag('config', GA_MEASUREMENT_ID, {
     page_path: path,
   });
-};
+};

src/types/gtag.d.ts

@@ -1 +1 @@
-declare module 'gtag.js';
+declare module 'gtag.js';