Merge pull request #47 from Andrevile/feature/#28-PersonalProfile

Feature/#28 personal profile
DreamIn-Developer · May 6, 2022 · 24707bf · 24707bf
2 parents 6d9b19d + d3b3354
commit 24707bf
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 2 deletions.
diff --git a/apis/users.api.ts b/apis/users.api.ts
@@ -4,6 +4,7 @@ import type { UserRegisterInfoType } from 'recoil/auth';
 import { UserEditForm } from 'types/user';
 import type { CustomAxiosRequestConfig } from './type';
 class UsersAPI extends BaseAPI {
+  //https://apibora.shop/api/users/
   checkUserName(params: unknown) {
     return this.get('/check_nickname', { params });
   }

diff --git a/components/common/Atomic/Tabs/Button/index.ts b/components/common/Atomic/Tabs/Button/index.ts
@@ -33,6 +33,10 @@ export const DefaultButton = styled.button<{ bgColor?: boolean }>`
   }
 `;
 
+export const UploadButton = styled(DefaultButton)`
+  height: 48px;
+`;
+
 export const ProfileEditButton = styled(DefaultButton)`
   padding: 10px 24px 10px 20px;
 `;

diff --git a/components/initialRegister/Button/index.tsx b/components/initialRegister/Button/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import * as S from './Button.style';
+import * as S from './styles';
 
 export interface ButtonPropsType {
   sort: string;

diff --git a/...ts/initialRegister/Button/Button.style.ts → components/initialRegister/Button/styles.ts b/...ts/initialRegister/Button/Button.style.ts → components/initialRegister/Button/styles.ts
diff --git a/hooks/useImageHandle.ts b/hooks/useImageHandle.ts
@@ -4,7 +4,6 @@ import AWS from 'aws-sdk';
 
 import { useRecoilState } from 'recoil';
 import { userRegisterInfoState } from 'recoil/auth';
-import type { UserRegisterInfoType } from 'recoil/auth';
 import { ConfigurationServicePlaceholders } from 'aws-sdk/lib/config_service_placeholders';
 
 const useImageHandle = (name: string) => {

diff --git a/package-lock.json b/package-lock.json
diff --git a/pages/profile.tsx b/pages/profile.tsx
@@ -18,6 +18,7 @@ import { numberWithCommas } from 'utils/numberWithCommas';
 import { Keyword } from 'components/common/Atomic/Tabs/Keyword';
 import ProfileEdit from 'components/Profile/ProfileEdit';
 import UploadProduct from 'components/Profile/UploadProduct';
+import { UploadButton } from 'components/common/Atomic/Tabs/Button';
 
 const Profile: React.FC = () => {
   const queryClient = useQueryClient();
@@ -153,6 +154,7 @@ const Profile: React.FC = () => {
         <InfoAside>
           <ProfileEdit editMode={editMode} editModeOnOff={editModeOnOff} />
           {!editMode && <UploadProduct />}
+          <UploadButton />
         </InfoAside>
       </InfoWrapper>
       <div style={{ marginBottom: '40px' }}>