refactor: 파일 및 컴포넌트명 userplus -> userIvite 로 변경

Author: Rose4tune

src/components/common/UserPlus.tsx renamed to src/components/common/UserInvite.tsx

@@ -1,18 +1,18 @@
 import { FC } from 'react';
 import DialogButton from '@/components/common/DialogButton';
 import IconUserPlus from '@/assets/icons/IconUserPlus';
-import UserPlusDialog from '@/components/common/UserPlusDialog';
+import UserInviteDialog from '@/components/common/UserInviteDialog';
 
 const AddCalendarPage: FC = () => {
   return (
     <div>
       멤버 초대하기 *
       <DialogButton
-        classname={'userplus'}
+        classname={'userInvite bg-base-200 hover:bg-base-300'}
         name={<IconUserPlus />}
         title={'멤버 찾기'}
         desc={''}
-        children={<UserPlusDialog />}
+        children={<UserInviteDialog />}
       />
     </div>
   );

src/components/common/UserPlusDialog.tsx renamed to src/components/common/UserInviteDialog.tsx

@@ -2,9 +2,9 @@ import InputForm from './InputForm.tsx';
 import { searchUser } from '../../apis/authApis.ts';
 import { FC, useState } from 'react';
 import IconSearch from '@/assets/icons/IconSearch.tsx';
-import UserPlusList from './UserPlusList.tsx';
+import UserInviteList from './UserInviteList.tsx';
 
-const UserPlus: FC = () => {
+const UserInvite: FC = () => {
   const [email, setEamil] = useState('');
   const [list, setList] = useState<any[]>([]);
 
@@ -14,7 +14,7 @@ const UserPlus: FC = () => {
 
   const onSearchClick = () => {
     searchUser(email).then((value) => {
-      setList(value.map(({ user_nickname, id }) => <UserPlusList user_nickname={user_nickname} id={id} />));
+      setList(value.map(({ user_nickname, id }) => <UserInviteList user_nickname={user_nickname} id={id} />));
       return list;
     });
   };
@@ -34,4 +34,4 @@ const UserPlus: FC = () => {
   );
 };
 
-export default UserPlus;
+export default UserInvite;

src/components/common/UserPlusList.tsx renamed to src/components/common/UserInviteList.tsx

@@ -7,7 +7,7 @@ import TextInputForm from './pages/InputFormTest.tsx';
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { JoinPage, LoginPage, ResetPwPage, NotFound, Policy } from './pages/index.ts';
 
-import UserPlus from './components/common/UserPlus.tsx';
+import UserInvite from './components/common/UserInvite.tsx';
 
 const router = createBrowserRouter([
   {
@@ -38,8 +38,8 @@ const router = createBrowserRouter([
         element: <TextInputForm />,
       },
       {
-        path: 'userPlus',
-        element: <UserPlus />,
+        path: 'UserInvite',
+        element: <UserInvite />,
       },
     ],
   },

src/main.tsx

@@ -2,12 +2,12 @@
 @tailwind components;
 @tailwind utilities;
 
-.userplus {
-  padding: 2rem 1.3rem;
+.userInvite {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 4.2rem;
+  height: 5.7rem;
   border: 1px solid oklch(var(--b3));
   border-radius: 0.5rem;
-  background-color: oklch(var(--b2));
-}
-.userplus:hover {
-  background-color: oklch(var(--b3));
 }