refactor: 로그인 로딩 페이지 수정

[#543]
woowacourse-teams · Aug 17, 2023 · 8ac1ba9 · 8ac1ba9
1 parent a84548b
commit 8ac1ba9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/frontend/src/components/login/GoogleLogin.tsx b/frontend/src/components/login/GoogleLogin.tsx
@@ -9,6 +9,7 @@ import { memberTokenStore } from '@stores/login/memberTokenStore';
 
 import ButtonNext from '@common/ButtonNext';
 import FlexBox from '@common/FlexBox';
+import Loading from '@common/Loading';
 import Text from '@common/Text';
 
 import LogoIcon from '@ui/Svg/LogoIcon';
@@ -60,12 +61,7 @@ const GoogleLogin = () => {
     );
   }
 
-  return (
-    <FlexBox height="100vh" direction="column" alignItems="center" justifyContent="center">
-      <LogoIcon width={15} />
-      <Text variant="h5">로딩중...</Text>
-    </FlexBox>
-  );
+  return <Loading />;
 };
 
 export default GoogleLogin;
diff --git a/frontend/src/components/ui/StationDetailsWindow/chargers/ChargerList.tsx b/frontend/src/components/ui/StationDetailsWindow/chargers/ChargerList.tsx
@@ -27,6 +27,10 @@ const ChargerList = ({ chargers, stationId, reportCount }: ChargerListProps) =>
   const availableChargersSize = chargers.filter((charger) => charger.state === 'STANDBY').length;
   const loadedChargersSize = page * CHARGER_SIZE;
 
+  const handleShowMoreChargers = () => {
+    setPage((prev) => prev + 1);
+  };
+
   return (
     <>
       <Text tag="h3" fontSize={1.8} weight="bold" mt={8} mb={1.5}>
@@ -51,7 +55,7 @@ const ChargerList = ({ chargers, stationId, reportCount }: ChargerListProps) =>
         ))}
       </FlexBox>
       {totalChargersSize - loadedChargersSize > 0 && (
-        <Button css={MoreButtonContainer}>
+        <Button css={MoreButtonContainer} onClick={handleShowMoreChargers}>
           <FlexBox justifyContent="center">
             <Text>더보기</Text>
             <ChevronDownIcon width={20} />