Merge pull request #135 from imaginer-dev/49-search-user

feat: 회원 검색 api 구현

Author: jane1107

src/apis/authApis.ts

@@ -53,3 +53,12 @@ export const recoveryPasswd = async (email: string) => {
   }
   return data;
 };
+
+export const searchUser = async (nickname: string) => {
+  const { data: profiles, error } = await supabase.from('profiles').select().eq('user_nickname', nickname);
+  if (error) {
+    throw error;
+  }
+
+  return profiles;
+};

src/assets/icons/IconPlus.tsx

@@ -0,0 +1,16 @@
+const IconPlus = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth="1.5"
+      stroke="currentColor"
+      className={'h-6 w-6'}
+    >
+      <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+    </svg>
+  );
+};
+
+export default IconPlus;

src/assets/icons/IconSearch.tsx

@@ -0,0 +1,20 @@
+const IconSearch = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth="1.5"
+      stroke="currentColor"
+      className={'h-6 w-6'}
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
+      />
+    </svg>
+  );
+};
+
+export default IconSearch;

src/assets/icons/IconUserPlus.tsx

@@ -0,0 +1,20 @@
+const IconUserPlus = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth="1.5"
+      stroke="currentColor"
+      className={'h-6 w-6'}
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z"
+      />
+    </svg>
+  );
+};
+
+export default IconUserPlus;

src/components/common/VerticalLogo.tsx renamed to src/assets/svgs/VerticalLogo.tsx

@@ -6,7 +6,7 @@ import useSignUp from '@/react-queries/useSignUp';
 import { isAuthError } from '@supabase/supabase-js';
 import { useNavigate } from 'react-router-dom';
 import { Loading } from '@/pages';
-import Dialog from '../Dialog';
+import Dialog from '../common/Dialog.tsx';
 
 interface DialogElement {
   openModal: () => void;

src/components/Join/JoinButton.tsx

@@ -34,7 +34,7 @@ const Dialog = forwardRef<DialogElement, Props>((props, ref) => {
     <dialog ref={dialogRef} className="modal modal-middle" onClick={handleClose}>
       <div className="modal-box" onClick={(e) => e.stopPropagation()}>
         {title && <h3 className="text-lg font-bold">{title}</h3>}
-        <p className={descClassName}>{desc}</p>
+        {desc && <p className={descClassName}>{desc}</p>}
         {children && <div>{children}</div>}
         <form method="dialog" className="modal-action flex justify-center">
           <button type="button" className="btn bg-primary text-base-100" onClick={() => dialogRef.current?.close()}>

src/components/Dialog.stories.tsx renamed to src/components/common/Dialog.stories.tsx

@@ -8,7 +8,7 @@ interface DialogElement {
 
 interface Props {
   classname?: string;
-  name: string;
+  name: any;
   title?: string;
   desc: string;
   children?: ReactNode;

src/components/Dialog.tsx renamed to src/components/common/Dialog.tsx

@@ -22,9 +22,13 @@ const InputForm: React.FC<Props> = ({ title, placeholder, hint, onChange, error
         onChange={onChange}
         {...rest}
       />
-      <div className="label flex h-8 flex-row items-center">
-        <span className={`label-text-alt ${error ? 'text-error' : ''}`}>{error ? errorText : hint}</span>
-      </div>
+      {error || hint ? (
+        <div className="label flex h-8 flex-row items-center">
+          <span className={`label-text-alt ${error ? 'text-error' : ''}`}>{error ? errorText : hint}</span>
+        </div>
+      ) : (
+        ''
+      )}
     </label>
   );
 };