From 1ab9bb1dbcf924132649276f66688ab75ac2f8c9 Mon Sep 17 00:00:00 2001
From: suzinxix <suzinxix@gmail.com>
Date: Tue, 31 Jan 2023 22:52:09 +0900
Subject: [PATCH] [#46] fix: correct variable

---
 bowwowcare/src/App.js                                  |  1 -
 bowwowcare/src/utils/Calculator.js                     | 10 +++++-----
 bowwowcare/src/views/HomePage/HomePage.js              |  2 +-
 bowwowcare/src/views/HomePage/PetList/PetList.js       |  8 ++++----
 .../HomePage/PetList/{PetInfo => Sections}/PetInfo.js  |  4 ++--
 5 files changed, 12 insertions(+), 13 deletions(-)
 rename bowwowcare/src/views/HomePage/PetList/{PetInfo => Sections}/PetInfo.js (89%)

diff --git a/bowwowcare/src/App.js b/bowwowcare/src/App.js
index e93b345..12f2733 100644
--- a/bowwowcare/src/App.js
+++ b/bowwowcare/src/App.js
@@ -14,7 +14,6 @@ import LoginPage from './views/LoginPage/LoginPage';
 import SignupPage from './views/SignupPage/SignupPage';
 import AdditionPage from "./views/AdditionPage/AdditionPage";
 import PrivateRoute from "./PrivateRoute";
-import PetInfo from "./views/HomePage/PetList/PetInfo/PetInfo";
 import PetInfoPage from "./views/PetInfoPage/PetInfoPage";
 
 import { logout } from "./slices/auth";
diff --git a/bowwowcare/src/utils/Calculator.js b/bowwowcare/src/utils/Calculator.js
index 558bd20..3436a23 100644
--- a/bowwowcare/src/utils/Calculator.js
+++ b/bowwowcare/src/utils/Calculator.js
@@ -8,13 +8,13 @@ export const getAge = (date) => {
     return age;
 };
 
-export const getBwDate = (date) => {
+export const getDurationDate = (date) => {
     const now = new Date();
-    const stDate = new Date(date.getFullYear(), date.getMonth() + 1, date.getDate());
+    const startDate = new Date(date.getFullYear(), date.getMonth() + 1, date.getDate());
     const endDate = new Date(now.getFullYear(), now.getMonth() + 1, now.getDate());
 
-    const btMs = endDate.getTime() - stDate.getTime() ;
-    const btDay = btMs / (1000*60*60*24);
+    const ms = endDate.getTime() - startDate.getTime() ;
+    const durationDate = ms / (1000*60*60*24);
 
-    return btDay;
+    return durationDate;
 }
\ No newline at end of file
diff --git a/bowwowcare/src/views/HomePage/HomePage.js b/bowwowcare/src/views/HomePage/HomePage.js
index 645f2c6..922ec9e 100644
--- a/bowwowcare/src/views/HomePage/HomePage.js
+++ b/bowwowcare/src/views/HomePage/HomePage.js
@@ -99,7 +99,7 @@ function HomePage() {
       onClick={() => navigate("/camera")}>사진 찍기</button>
 
       </div>
-      {pet && <PetList pet={pet}/>}
+      {pet && <PetList pets={pet}/>}
       
       <button className="w-full h-32 mt-6 text-center rounded-md border border-gray-300 hover:border-main-color text-gray-300 bg-transparent pl-4"
       onClick={()=>navigate("/addition")}>
diff --git a/bowwowcare/src/views/HomePage/PetList/PetList.js b/bowwowcare/src/views/HomePage/PetList/PetList.js
index 79a5140..dc787d8 100644
--- a/bowwowcare/src/views/HomePage/PetList/PetList.js
+++ b/bowwowcare/src/views/HomePage/PetList/PetList.js
@@ -1,15 +1,15 @@
 import React from 'react'
 import { Link } from 'react-router-dom';
 
-import PetInfo from './PetInfo/PetInfo'
+import PetInfo from './Sections/PetInfo'
 
 function PetList(props) {
   return (
     <div>
-      { props.pet.map((a, i)=>{
+      { props.pets.map((pet, i)=>{
         return(
-        <Link to={`/petinfo/${a.id}`} state={{ pet: a }}>
-            <PetInfo pet={a} key={i}/>
+        <Link to={`/petinfo/${pet.id}`} state={{ pet: pet }}>
+            <PetInfo pet={pet} key={i}/>
         </Link>
         ) 
         })}
diff --git a/bowwowcare/src/views/HomePage/PetList/PetInfo/PetInfo.js b/bowwowcare/src/views/HomePage/PetList/Sections/PetInfo.js
similarity index 89%
rename from bowwowcare/src/views/HomePage/PetList/PetInfo/PetInfo.js
rename to bowwowcare/src/views/HomePage/PetList/Sections/PetInfo.js
index 846d555..9314175 100644
--- a/bowwowcare/src/views/HomePage/PetList/PetInfo/PetInfo.js
+++ b/bowwowcare/src/views/HomePage/PetList/Sections/PetInfo.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
 import { getAge } from '../../../../utils/Calculator';
-import { getBwDate } from '../../../../utils/Calculator';
+import { getDurationDate } from '../../../../utils/Calculator';
 
 function PetInfo(props) {
 
@@ -9,7 +9,7 @@ function PetInfo(props) {
   const adoptDate = new Date( Date.parse(props.pet.adoptDate) );
 
   const age = getAge(birthDate);
-  const day = getBwDate(adoptDate);
+  const day = getDurationDate(adoptDate);
 
   return (
     <div className='flex shadow-lg mt-6 p-8 rounded-lg'>