Feature/#343 사이드바 로그인버튼 (#345)

* design: objectfit

- #343

* fix: 사이드바 로그인 버튼

- #343

* fix: only open

- #332

---------

Co-authored-by: llddang <77055208+llddang@users.noreply.github.com>

src/components/Sidebar/SidebarContent/index.tsx

@@ -10,6 +10,7 @@ import { MdOutlineLogout } from 'react-icons/md';
 
 import { useGetSideBarInfoQuery } from '@/app/api/member';
 import { defaultUserAtom, myTeamAtom, userAtom } from '@/atom';
+import GoogleLoginButton from '@/containers/main/GoogleLoginButton';
 import TeamModal from '@/containers/team/TeamModal';
 import useGetUser from '@/hooks/useGetUser';
 
@@ -74,12 +75,16 @@ const SidebarContent = ({ isOpen, setIsOpen }: SidebarContentProps) => {
               {user?.isLogin ? sidebarInfo?.body?.name : '비회원'}
             </Text>
           )}
-          <Flex direction={isOpen ? 'row' : 'column'} gap="4">
-            {/* TODO: 기능 완료하고 주석 풀기 */}
-            {/* <SidebarIconButton icon={<BiBell />} onClick={() => {}} />
-            <SidebarIconButton icon={<BiUser />} onClick={() => {}} /> */}
-            <SidebarIconButton icon={<MdOutlineLogout />} onClick={handleLogOutButtonClick} />
-          </Flex>
+          {user?.isLogin ? (
+            <Flex direction={isOpen ? 'row' : 'column'} gap="4">
+              {/* TODO: 기능 완료하고 주석 풀기 */}
+              {/* <SidebarIconButton icon={<BiBell />} onClick={() => {}} />
+              <SidebarIconButton icon={<BiUser />} onClick={() => {}} /> */}
+              <SidebarIconButton icon={<MdOutlineLogout />} onClick={handleLogOutButtonClick} />
+            </Flex>
+          ) : (
+            isOpen && <GoogleLoginButton />
+          )}
         </Flex>
         {isOpen && user?.isLogin && (
           <>

src/containers/main/GoogleLoginButton/index.tsx

@@ -21,7 +21,7 @@ const GoogleLoginButton = () => {
       bgColor="transparent"
       href={GOOGLE_LOGIN_URL}
     >
-      <Image h="100%" alt="google_sign_in" src="/images/google_sign_in.png" />
+      <Image h="100%" objectFit="contain" alt="google_sign_in" src="/images/google_sign_in.png" />
     </Button>
   );
 };