style: 프리티어 룰 적용

prgrms-web-devcourse · Dec 18, 2023 · 9bc7ed5 · 9bc7ed5
1 parent d82cc23
commit 9bc7ed5
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 27 deletions.
diff --git a/src/app/profile/me/page.tsx b/src/app/profile/me/page.tsx
@@ -1,21 +1,21 @@
-"use client";
+'use client';
 
-import { useRouter } from "next/navigation";
-import { isAuthed, removeAuth } from "@/utils/helpers";
-import userAPI from "@/apis/user";
-import TopHeader from "@/v1/base/TopHeader";
-import ProfileInfo from "@/v1/profile/info/ProfileInfo";
-import ProfileBookShelf from "@/v1/profile/bookShelf/ProfileBookShelf";
-import ProfileGroup from "@/v1/profile/group/ProfileGroup";
-import Avatar from "@/v1/base/Avatar";
-import Link from "next/link";
-import { IconArrowRight } from "@public/icons";
-import BookShelf from "@/v1/bookShelf/BookShelf";
-import SSRSafeSuspense from "@/components/SSRSafeSuspense";
-import Loading from "@/v1/base/Loading";
-import Button from "@/v1/base/Button";
+import { useRouter } from 'next/navigation';
+import { isAuthed, removeAuth } from '@/utils/helpers';
+import userAPI from '@/apis/user';
+import TopHeader from '@/v1/base/TopHeader';
+import ProfileInfo from '@/v1/profile/info/ProfileInfo';
+import ProfileBookShelf from '@/v1/profile/bookShelf/ProfileBookShelf';
+import ProfileGroup from '@/v1/profile/group/ProfileGroup';
+import Avatar from '@/v1/base/Avatar';
+import Link from 'next/link';
+import { IconArrowRight } from '@public/icons';
+import BookShelf from '@/v1/bookShelf/BookShelf';
+import SSRSafeSuspense from '@/components/SSRSafeSuspense';
+import Loading from '@/v1/base/Loading';
+import Button from '@/v1/base/Button';
 
-const USER_ID = "me";
+const USER_ID = 'me';
 const KAKAO_LOGIN_URL = `${process.env.NEXT_PUBLIC_API_URL}/oauth2/authorize/kakao?redirect_uri=${process.env.NEXT_PUBLIC_CLIENT_REDIRECT_URI}`;
 
 const MyProfilePage = () => {

diff --git a/src/v1/profile/bookShelf/ProfileBookShelf.tsx b/src/v1/profile/bookShelf/ProfileBookShelf.tsx
@@ -41,7 +41,7 @@ export default ProfileBookShelf;
 
 const ProfileBookShelfSkelenton = () => {
   return (
-    <div className="flex flex-col gap-[2rem] animate-pulse">
+    <div className="flex animate-pulse flex-col gap-[2rem]">
       <div className="h-[2.7rem] w-[5rem] bg-placeholder" />
 
       <div className="flex h-[13.2rem] items-center justify-center">

diff --git a/src/v1/profile/group/ProfileGroup.tsx b/src/v1/profile/group/ProfileGroup.tsx
@@ -1,12 +1,12 @@
-import useMounted from "@/hooks/useMounted";
-import { APIUser } from "@/types/user";
-import QueryErrorBoundaryFallback from "@/v1/base/QueryErrorBoundaryFallback";
-import { QueryErrorResetBoundary } from "@tanstack/react-query";
-import { Suspense } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-import ProfileGroupContainer from "./ProfileGroupContainer";
+import useMounted from '@/hooks/useMounted';
+import { APIUser } from '@/types/user';
+import QueryErrorBoundaryFallback from '@/v1/base/QueryErrorBoundaryFallback';
+import { QueryErrorResetBoundary } from '@tanstack/react-query';
+import { Suspense } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import ProfileGroupContainer from './ProfileGroupContainer';
 
-const ProfileGroup = ({ userId }: { userId: "me" | APIUser["userId"] }) => {
+const ProfileGroup = ({ userId }: { userId: 'me' | APIUser['userId'] }) => {
   const mounted = useMounted();
 
   if (!mounted) return null;
@@ -35,7 +35,7 @@ export default ProfileGroup;
 
 const ProfileGroupSkeleton = () => {
   return (
-    <div className="flex flex-col gap-[0.6rem] animate-pulse">
+    <div className="flex animate-pulse flex-col gap-[0.6rem]">
       <div className="flex h-[2.7rem] w-[6rem] bg-placeholder" />
       <div className="flex gap-[1rem] overflow-scroll">
         <div className="flex flex-col gap-[0.5rem]">

diff --git a/src/v1/profile/info/ProfileInfo.tsx b/src/v1/profile/info/ProfileInfo.tsx
@@ -46,7 +46,7 @@ export default ProfileInfo;
 
 const ProfileInfoSkelenton = () => {
   return (
-    <div className="mb-[2rem] flex flex-col gap-[2rem] animate-pulse">
+    <div className="mb-[2rem] flex animate-pulse flex-col gap-[2rem]">
       <div className="flex gap-[0.8rem]">
         <div className="h-[2.1rem] w-[3.8rem] rounded-lg bg-placeholder" />
         <div className="h-[2.1rem] w-[7.6rem] rounded-lg bg-placeholder" />