From d64426e2f21bd16a35ddf9e7abc41f96e31e8c76 Mon Sep 17 00:00:00 2001
From: mbaharip <62494292+mbahArip@users.noreply.github.com>
Date: Mon, 24 Apr 2023 14:36:12 +0700
Subject: [PATCH] Remove unused imports

---
 src/pages/setup/final.tsx        | 10 +---------
 src/pages/setup/google-cloud.tsx | 15 +++------------
 src/pages/setup/index.tsx        |  1 -
 src/styles/highlight.css         | 12 +++---------
 4 files changed, 7 insertions(+), 31 deletions(-)

diff --git a/src/pages/setup/final.tsx b/src/pages/setup/final.tsx
index bf68b85..fa8124f 100644
--- a/src/pages/setup/final.tsx
+++ b/src/pages/setup/final.tsx
@@ -1,13 +1,8 @@
-import { GetServerSideProps } from "next";
 import Link from "next/link";
-import useSWR from "swr";
-import fetcher from "@utils/swrFetch";
 import LoadingFeedback from "@components/APIFeedback/Loading";
 import MarkdownRender from "@components/utility/MarkdownRender";
 import useLocalStorage from "@hooks/useLocalStorage";
-import { useEffect, useRef, useState } from "react";
-import { MdContentCopy } from "react-icons/md";
-import useCopyText from "@hooks/useCopyText";
+import { useEffect, useState } from "react";
 
 type ConfigProps = {
   client_id: string;
@@ -31,9 +26,6 @@ export default function SetupFinal() {
   const [dataKey, setDataKey] = useState<string>("");
   const [mdContent, setMdContent] = useState<string>("");
 
-  const dataRef = useRef<HTMLElement>(null);
-  const copyText = useCopyText();
-
   useEffect(() => {
     setIsLoading(true);
     if (tempConfig) {
diff --git a/src/pages/setup/google-cloud.tsx b/src/pages/setup/google-cloud.tsx
index 9e56768..b5a4e7c 100644
--- a/src/pages/setup/google-cloud.tsx
+++ b/src/pages/setup/google-cloud.tsx
@@ -1,8 +1,5 @@
-import { MdContentCopy, MdWarning } from "react-icons/md";
-import { ReactNode, useEffect, useState } from "react";
-import { encrypt, generateRandomEncryptionKey } from "@utils/encryptionHelper";
-import useCopyText from "@hooks/useCopyText";
-import { toast } from "react-toastify";
+import { useEffect, useState } from "react";
+import { encrypt } from "@utils/encryptionHelper";
 import Link from "next/link";
 import useLocalStorage from "@hooks/useLocalStorage";
 import MarkdownRender from "@components/utility/MarkdownRender";
@@ -10,15 +7,9 @@ import useSWR from "swr";
 import fetcher from "@utils/swrFetch";
 import LoadingFeedback from "@components/APIFeedback/Loading";
 
-type StepProps = {
-  stepName: string;
-  imgSrc?: string;
-  children: ReactNode;
-};
-
 export default function SetupGoogleCloud() {
   const [encryptionKey] = useLocalStorage("tempEncryption", "");
-  const [settingJson, setSettingJson] = useLocalStorage("tempGoogleCloud", {
+  const [_settingJson, setSettingJson] = useLocalStorage("tempGoogleCloud", {
     client_id: "",
     client_secret: "",
     refresh_token: "",
diff --git a/src/pages/setup/index.tsx b/src/pages/setup/index.tsx
index 4d39156..b7cc8a3 100644
--- a/src/pages/setup/index.tsx
+++ b/src/pages/setup/index.tsx
@@ -1,4 +1,3 @@
-import { GetServerSideProps } from "next";
 import Link from "next/link";
 
 export default function Setup() {
diff --git a/src/styles/highlight.css b/src/styles/highlight.css
index cee7e95..0d1cc20 100644
--- a/src/styles/highlight.css
+++ b/src/styles/highlight.css
@@ -66,7 +66,6 @@ pre[class*="language-"], pre {
   word-break: normal;
   line-height: 1.5;
   -moz-tab-size: 2;
-  -o-tab-size: 2;
   tab-size: 2;
   -webkit-hyphens: none;
   -moz-hyphens: none;
@@ -202,10 +201,7 @@ pre[class*="language-"], pre {
   color: var(--hue-3);
 }
 
-.language-javascript
-  .token.template-string
-  > .token.interpolation
-  > .token.interpolation-punctuation.punctuation {
+.language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
   color: var(--hue-5-2);
 }
 
@@ -280,7 +276,7 @@ pre[class*="language-"], pre {
 /* Plugin overrides */
 /* Selectors should have higher specificity than those in the plugins' default stylesheets */
 
-/* Show Invisibles plugin overrides */
+/* Show Invisible plugin overrides */
 .token.token.tab:not(:empty):before,
 .token.token.cr:before,
 .token.token.lf:before,
@@ -333,9 +329,7 @@ div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
 
 /* Hovering over a linkable line number (in the gutter area) */
 /* Requires Line Numbers plugin as well */
-pre[id].linkable-line-numbers.linkable-line-numbers
-  span.line-numbers-rows
-  > span:hover:before {
+pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
   background-color: var(--syntax-cursor-line);
 }