Merge branch 'feat/#186/MyBookList' into main

C-B-U · Jan 22, 2023 · 42a2b01 · 42a2b01
2 parents a5b8394 + 44774fb
commit 42a2b01
Showing 1 changed file with 16 additions and 7 deletions.
diff --git a/frontend/src/Pages/BR/MyBookList.jsx b/frontend/src/Pages/BR/MyBookList.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useNavigate } from 'react-router-dom';
 import styled, { ThemeProvider } from 'styled-components';
 import { palette } from 'styled-tools';
 import theme from '../../Components/Color';
@@ -17,7 +18,7 @@ const WrapContent = styled.div`
   height: fit-content;
   margin-bottom: 2rem;
   background-color: ${palette('PsCocoa', 0)};
-  border: 2px solid black;
+  border: 0.01px solid ${palette('PsCocoa', 0)};
 `;
 const WrapList = styled.div`
   width: 50rem;
@@ -30,6 +31,7 @@ const WrapList = styled.div`
 
 const ListTitle = styled.div`
   font-size: 1.5rem;
+  font-weight: bold;
   color: ${palette('PsYellow')};
   margin-bottom: 1rem;
 `;
@@ -83,7 +85,7 @@ const State = styled.div`
 const WrapStateButton = styled.div`
   width: 6rem;
   text-align: center;
-  pointer-events: none;
+  /* pointer-events: none; */
 `;
 
 const PostDate = styled.div`
@@ -93,6 +95,7 @@ const PostDate = styled.div`
 
 const BorrowUser = styled.div`
   width: 9rem;
+  text-align: center;
   //border: 1px solid grey;
 `;
 
@@ -102,10 +105,10 @@ const ReturnDate = styled.div`
 `;
 
 function MyBookList() {
-  // const navigate = useNavigate();
-  // const navigateToReview = () => {
-  //   navigate('/ReviewRegister');
-  // };
+  const navigate = useNavigate();
+  const navigateToReview = () => {
+    navigate('/ReviewRegister');
+  };
 
   return (
     <ThemeProvider theme={theme}>
@@ -127,7 +130,13 @@ function MyBookList() {
               <PostUser>2019156014 김혜진</PostUser>
               <State>반납 완료</State>
               <WrapStateButton>
-                <Button width='6rem' height='1.5rem' name='리뷰쓰기' />
+                <Button
+                  width='6rem'
+                  height='1.5rem'
+                  name='리뷰쓰기'
+                  background={palette('PsYellow')}
+                  onClick={navigateToReview}
+                />
               </WrapStateButton>
             </BookList>