[FE/#15] Feat : 깃헙 링크 적용, 스타일 조정

- button 이 a 태그로 바뀌어서 스타일 조정
codesquad-member-2020 · Jun 24, 2020 · a79caa5 · a79caa5
1 parent ddd68ac
commit a79caa5
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/FE/src/components/Login/LoginForm.jsx b/FE/src/components/Login/LoginForm.jsx
@@ -29,7 +29,7 @@ const LoginForm = () => {
             type="password"
             autoComplete="current-password"
           />
-          <Box className={classes.buttonWrap}>
+          <Box>
             <Box display="flex" justifyContent="center">
               <Button disabled>{SIGN_UP}</Button>
             </Box>
@@ -40,7 +40,12 @@ const LoginForm = () => {
               text={LOGIN}
               size="large"
             />
-            <CustomButton className={classes.button} text={GITHUB_LOGIN} size="large" />
+            <CustomButton
+              className={classes.githubButton}
+              text={GITHUB_LOGIN}
+              size="large"
+              href={process.env.OAUTH_URL}
+            />
           </Box>
         </form>
       </Box>
@@ -55,10 +60,9 @@ const useStyles = makeStyles((theme) => ({
   button: {
     width: "100%",
   },
-  buttonWrap: {
-    "& > button": {
-      marginTop: theme.spacing(1.5),
-    },
+  githubButton: {
+    width: "100%",
+    marginTop: theme.spacing(1.5),
   },
 }));