design: lint 관련 경고 해결

GDSC-Hongik · May 18, 2024 · 6b95df7 · 6b95df7
1 parent 80da4a6
commit 6b95df7
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 14 deletions.
diff --git a/apps/wow-docs/app/layout.tsx b/apps/wow-docs/app/layout.tsx
@@ -1,4 +1,5 @@
 import "@/globals.css";
+
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 
@@ -9,14 +10,14 @@ export const metadata: Metadata = {
   description: "Generated by create turbo",
 };
 
-export default function RootLayout({
+export const RootLayout = ({
   children,
 }: {
   children: React.ReactNode;
-}): JSX.Element {
+}): JSX.Element => {
   return (
     <html lang="en">
       <body className={inter.className}>{children}</body>
     </html>
   );
-}
+};
diff --git a/packages/wow-icons/src/UpArrow.tsx b/packages/wow-icons/src/UpArrow.tsx
@@ -1,37 +1,37 @@
 const UpArrow = () => (
   <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
+    fill="none"
     height="24"
     viewBox="0 0 24 24"
-    fill="none"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
   >
     <g clipPath="url(#clip0_36_3519)">
       <path
         d="M19 12L5 12"
         stroke="#E4E4E5"
-        strokeWidth="1.6"
         strokeLinecap="round"
         strokeLinejoin="round"
+        strokeWidth="1.6"
       />
       <path
         d="M19 12L13 6"
         stroke="#E4E4E5"
-        strokeWidth="1.6"
         strokeLinecap="round"
         strokeLinejoin="round"
+        strokeWidth="1.6"
       />
       <path
         d="M19 12L13 18"
         stroke="#E4E4E5"
-        strokeWidth="1.6"
         strokeLinecap="round"
         strokeLinejoin="round"
+        strokeWidth="1.6"
       />
     </g>
     <defs>
       <clipPath id="clip0_36_3519">
-        <rect width="24" height="24" fill="white" />
+        <rect fill="white" height="24" width="24" />
       </clipPath>
     </defs>
   </svg>

diff --git a/packages/wow-tokens/src/color.ts b/packages/wow-tokens/src/color.ts
@@ -88,7 +88,7 @@ export const blackOpacity60 = "rgba(0, 0, 0, 0.6)";
 
 export const blackOpacity80 = "rgba(0, 0, 0, 0.8)";
 
-//시맨틱 토큰
+// 시맨틱 토큰
 export const primary = blue500;
 export const success = green500;
 export const error = red500;
@@ -128,7 +128,7 @@ export const blueGradientDark = {
 
 export const blueGradientLight = {
   gradientFrom: blue200,
-  gradientTo: "#4792EE", //NOTE: 스케일 토큰에서 정의되어 있지 않은 색상값
+  gradientTo: "#4792EE", // NOTE: 스케일 토큰에서 정의되어 있지 않은 색상값
 };
 
 export const redGradientDark = {

diff --git a/packages/wow-tokens/src/typography.ts b/packages/wow-tokens/src/typography.ts
@@ -4,12 +4,14 @@ export const display1 = {
   fontWeight: 700,
   letterSpacing: "-0.025rem",
 };
+
 export const display2 = {
   fontSize: "2rem",
   lineHeight: "130%",
   fontWeight: 700,
   letterSpacing: "-0.02rem",
 };
+
 export const h1 = {
   fontSize: "1.5rem",
   lineHeight: "130%",

diff --git a/packages/wow-ui/src/scripts/generateBuildConfig.ts b/packages/wow-ui/src/scripts/generateBuildConfig.ts
@@ -52,8 +52,8 @@ const generateRollupEntryFiles = (files: string[]) => {
 };
 
 const applyEntryFilesToRollupConfig = async (entryFileObj: EntryFileObject) => {
-  const __dirname = path.resolve();
-  const rollupConfigPath = path.join(__dirname, ROLLUP_CONFIG_PATH);
+  const dirname = path.resolve();
+  const rollupConfigPath = path.join(dirname, ROLLUP_CONFIG_PATH);
   let rollupConfigContent = await fs.readFile(rollupConfigPath, "utf-8");
 
   rollupConfigContent = rollupConfigContent.replace(