From c4de88d5f918b85f5c7025748eafe0be8c0e6b2a Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Thu, 25 May 2023 23:49:55 +0900
Subject: [PATCH 01/11] =?UTF-8?q?modal=E3=82=92=E7=B0=A1=E5=8D=98=E3=81=AB?=
 =?UTF-8?q?=E4=BD=9C=E3=82=8C=E3=82=8B=E3=82=89=E3=81=97=E3=81=84=E3=83=A9?=
 =?UTF-8?q?=E3=82=A4=E3=83=96=E3=83=A9=E3=83=AA=E3=82=92=E5=85=A5=E3=82=8C?=
 =?UTF-8?q?=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/package-lock.json | 37 +++++++++++++++++++++++++++++++++++++
 frontend/package.json      |  1 +
 2 files changed, 38 insertions(+)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 30764e900..76cd19efb 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -22,6 +22,7 @@
         "next": "13.4.1",
         "react": "18.2.0",
         "react-dom": "18.2.0",
+        "react-modal": "^3.16.1",
         "socket.io-client": "^4.6.1",
         "typescript": "5.0.4"
       },
@@ -10903,6 +10904,11 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
+    "node_modules/exenv": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz",
+      "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw=="
+    },
     "node_modules/exit": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
@@ -18183,6 +18189,29 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "node_modules/react-modal": {
+      "version": "3.16.1",
+      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz",
+      "integrity": "sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==",
+      "dependencies": {
+        "exenv": "^1.2.0",
+        "prop-types": "^15.7.2",
+        "react-lifecycles-compat": "^3.0.0",
+        "warning": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18",
+        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -20634,6 +20663,14 @@
         "makeerror": "1.0.12"
       }
     },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/watchpack": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 7a802ca8a..a3d9198ac 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -34,6 +34,7 @@
     "next": "13.4.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-modal": "^3.16.1",
     "socket.io-client": "^4.6.1",
     "typescript": "5.0.4"
   },

From 808dee3874bd1e72f8d117f4b168bed0d556e162 Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Fri, 26 May 2023 00:02:52 +0900
Subject: [PATCH 02/11] =?UTF-8?q?userinfo=E8=A6=81=E7=B4=A0=E3=82=92?=
 =?UTF-8?q?=E3=82=AF=E3=83=AA=E3=83=83=E3=82=AF=E3=81=97=E3=81=9F=E3=82=89?=
 =?UTF-8?q?modal=E3=81=8C=E9=96=8B=E3=81=8F=E3=82=88=E3=81=86=E3=81=AB?=
 =?UTF-8?q?=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/features/user/components/User.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/user/components/User.tsx b/frontend/src/features/user/components/User.tsx
index 6e25ba865..93ab91c84 100644
--- a/frontend/src/features/user/components/User.tsx
+++ b/frontend/src/features/user/components/User.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, useState } from 'react';
 import { useAtom } from 'jotai';
 
 import { Container } from '@/components/Layout/Container';
@@ -6,16 +6,27 @@ import { userInfoAtom } from '@/App';
 
 import { LoginForm } from './LoginForm';
 import { SignUpForm } from './SignUpForm';
+import Modal from 'react-modal';
 
 export const User = ({ children }: { children: ReactNode }) => {
   const [userInfo, setUserInfo] = useAtom(userInfoAtom);
+  const [modalIsOpen, setModalIsOpen] = useState(false);
 
   const UserInputArea = () => {
     if (userInfo) {
       return (
+        <div>
+          <button onClick={()=>{setModalIsOpen(true)}}> botton </button>
         <p>
           id : {userInfo?.id}, name : {userInfo?.nickname}
         </p>
+        {modalIsOpen && (<Modal
+        isOpen={modalIsOpen}
+        >
+          <h1>aaa</h1>
+        </Modal>
+          )}
+        </div>
       );
     } else {
       return (

From e3ddc69852d55f1cc3454ec371bf2fe239bc8983 Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Fri, 26 May 2023 00:25:34 +0900
Subject: [PATCH 03/11] =?UTF-8?q?modal=E3=81=AE=E5=A4=96=E5=81=B4=E3=82=92?=
 =?UTF-8?q?=E3=82=AF=E3=83=AA=E3=83=83=E3=82=AF=E3=81=97=E3=81=9F=E3=82=89?=
 =?UTF-8?q?=E9=96=89=E3=81=98=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=E3=81=97?=
 =?UTF-8?q?=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/features/user/components/User.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/user/components/User.tsx b/frontend/src/features/user/components/User.tsx
index 93ab91c84..8ff55ff73 100644
--- a/frontend/src/features/user/components/User.tsx
+++ b/frontend/src/features/user/components/User.tsx
@@ -11,7 +11,10 @@ import Modal from 'react-modal';
 export const User = ({ children }: { children: ReactNode }) => {
   const [userInfo, setUserInfo] = useAtom(userInfoAtom);
   const [modalIsOpen, setModalIsOpen] = useState(false);
-
+  const closeModal = () => {
+    console.log('closeModal');
+    setModalIsOpen(false);
+  }
   const UserInputArea = () => {
     if (userInfo) {
       return (
@@ -22,6 +25,7 @@ export const User = ({ children }: { children: ReactNode }) => {
         </p>
         {modalIsOpen && (<Modal
         isOpen={modalIsOpen}
+        onRequestClose={closeModal}
         >
           <h1>aaa</h1>
         </Modal>

From 0b63dcf62429909a48a143c8e2972fafbd16eef5 Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Fri, 26 May 2023 20:59:08 +0900
Subject: [PATCH 04/11] =?UTF-8?q?modal=E3=81=AE=E3=83=9E=E3=82=A6=E3=83=B3?=
 =?UTF-8?q?=E3=83=88=E5=85=88=E3=82=92=E6=8C=87=E5=AE=9A=E3=81=97=E3=81=AA?=
 =?UTF-8?q?=E3=81=84=E3=81=A8=E3=82=A8=E3=83=A9=E3=83=BC=E3=81=8C=E5=87=BA?=
 =?UTF-8?q?=E3=82=8B=E3=81=AE=E3=82=92=E4=BF=AE=E6=AD=A3=E3=81=97=E3=81=9F?=
 =?UTF-8?q?=20Modal.setAppElement('body');=E3=82=92=E8=A8=AD=E7=BD=AE=20mo?=
 =?UTF-8?q?dal.setAppElement()=E3=82=92=E4=BD=BF=E3=81=86=E3=81=AB?=
 =?UTF-8?q?=E3=81=AFclient=E3=82=B5=E3=82=A4=E3=83=89=E3=81=98=E3=82=83?=
 =?UTF-8?q?=E3=81=AA=E3=81=84=E3=81=A8=E3=81=84=E3=81=91=E3=81=AA=E3=81=84?=
 =?UTF-8?q?=E3=81=AE=E3=81=A7'use=20client';=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/features/user/components/User.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/user/components/User.tsx b/frontend/src/features/user/components/User.tsx
index 8ff55ff73..890142ab9 100644
--- a/frontend/src/features/user/components/User.tsx
+++ b/frontend/src/features/user/components/User.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { ReactNode, useState } from 'react';
 import { useAtom } from 'jotai';
 
@@ -7,7 +8,7 @@ import { userInfoAtom } from '@/App';
 import { LoginForm } from './LoginForm';
 import { SignUpForm } from './SignUpForm';
 import Modal from 'react-modal';
-
+Modal.setAppElement('body');
 export const User = ({ children }: { children: ReactNode }) => {
   const [userInfo, setUserInfo] = useAtom(userInfoAtom);
   const [modalIsOpen, setModalIsOpen] = useState(false);

From b7c307054e14472824593fb5592753af8de64188 Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Fri, 26 May 2023 21:02:02 +0900
Subject: [PATCH 05/11] =?UTF-8?q?=E6=9D=A1=E4=BB=B6=E5=BC=8F=E3=81=8C?=
 =?UTF-8?q?=E4=B8=8D=E8=A6=81=E3=81=AA=E3=81=AE=E3=81=A7=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/features/user/components/User.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/features/user/components/User.tsx b/frontend/src/features/user/components/User.tsx
index 890142ab9..32d31cf37 100644
--- a/frontend/src/features/user/components/User.tsx
+++ b/frontend/src/features/user/components/User.tsx
@@ -24,13 +24,12 @@ export const User = ({ children }: { children: ReactNode }) => {
         <p>
           id : {userInfo?.id}, name : {userInfo?.nickname}
         </p>
-        {modalIsOpen && (<Modal
+        <Modal
         isOpen={modalIsOpen}
         onRequestClose={closeModal}
         >
           <h1>aaa</h1>
         </Modal>
-          )}
         </div>
       );
     } else {

From c8e52fa5ef208781d3a2d51453fe22c07334ee81 Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Fri, 26 May 2023 23:08:17 +0900
Subject: [PATCH 06/11] =?UTF-8?q?user=E6=83=85=E5=A0=B1=E3=82=92=E8=A1=A8?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/features/user/components/User.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/user/components/User.tsx b/frontend/src/features/user/components/User.tsx
index 32d31cf37..10f364746 100644
--- a/frontend/src/features/user/components/User.tsx
+++ b/frontend/src/features/user/components/User.tsx
@@ -28,7 +28,9 @@ export const User = ({ children }: { children: ReactNode }) => {
         isOpen={modalIsOpen}
         onRequestClose={closeModal}
         >
-          <h1>aaa</h1>
+          <p>
+          id : {userInfo?.id}, name : {userInfo?.nickname}
+          </p>
         </Modal>
         </div>
       );

From 6b79c63dda3d49b23e172af0d329af15aaacbcc5 Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Fri, 26 May 2023 23:41:23 +0900
Subject: [PATCH 07/11] =?UTF-8?q?=E3=83=95=E3=82=A1=E3=82=A4=E3=83=AB?=
 =?UTF-8?q?=E3=81=AB=E7=A7=BB=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/features/user/components/User.tsx     | 18 +++------------
 .../user/components/UserDetailsModal.tsx      | 23 +++++++++++++++++++
 2 files changed, 26 insertions(+), 15 deletions(-)
 create mode 100644 frontend/src/features/user/components/UserDetailsModal.tsx

diff --git a/frontend/src/features/user/components/User.tsx b/frontend/src/features/user/components/User.tsx
index 10f364746..72f14bfab 100644
--- a/frontend/src/features/user/components/User.tsx
+++ b/frontend/src/features/user/components/User.tsx
@@ -1,4 +1,3 @@
-'use client';
 import { ReactNode, useState } from 'react';
 import { useAtom } from 'jotai';
 
@@ -7,8 +6,8 @@ import { userInfoAtom } from '@/App';
 
 import { LoginForm } from './LoginForm';
 import { SignUpForm } from './SignUpForm';
-import Modal from 'react-modal';
-Modal.setAppElement('body');
+import { UserDetailsModal } from './UserDetailsModal';
+
 export const User = ({ children }: { children: ReactNode }) => {
   const [userInfo, setUserInfo] = useAtom(userInfoAtom);
   const [modalIsOpen, setModalIsOpen] = useState(false);
@@ -20,18 +19,7 @@ export const User = ({ children }: { children: ReactNode }) => {
     if (userInfo) {
       return (
         <div>
-          <button onClick={()=>{setModalIsOpen(true)}}> botton </button>
-        <p>
-          id : {userInfo?.id}, name : {userInfo?.nickname}
-        </p>
-        <Modal
-        isOpen={modalIsOpen}
-        onRequestClose={closeModal}
-        >
-          <p>
-          id : {userInfo?.id}, name : {userInfo?.nickname}
-          </p>
-        </Modal>
+          <UserDetailsModal userInfo={userInfo} modalIsOpen={modalIsOpen} closeModal={closeModal} />
         </div>
       );
     } else {
diff --git a/frontend/src/features/user/components/UserDetailsModal.tsx b/frontend/src/features/user/components/UserDetailsModal.tsx
new file mode 100644
index 000000000..a753150dd
--- /dev/null
+++ b/frontend/src/features/user/components/UserDetailsModal.tsx
@@ -0,0 +1,23 @@
+'use client';
+import Modal from 'react-modal';
+
+import { UserInfo } from '../types/UserDto';
+
+Modal.setAppElement('body');
+export const UserDetailsModal = ({
+  userInfo,
+  modalIsOpen,
+  closeModal,
+}: {
+  userInfo: UserInfo;
+  modalIsOpen: boolean;
+  closeModal: () => void;
+}) => {
+  return (
+    <Modal isOpen={modalIsOpen} onRequestClose={closeModal}>
+      <p>
+        id : {userInfo?.id}, name : {userInfo?.nickname}
+      </p>
+    </Modal>
+  );
+};

From 01ef2bcfeeac6e0d1b6c6e3b5a818be56586832a Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Fri, 26 May 2023 23:52:17 +0900
Subject: [PATCH 08/11] fmt

---
 frontend/src/features/user/components/User.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/user/components/User.tsx b/frontend/src/features/user/components/User.tsx
index 72f14bfab..0f756d358 100644
--- a/frontend/src/features/user/components/User.tsx
+++ b/frontend/src/features/user/components/User.tsx
@@ -14,12 +14,26 @@ export const User = ({ children }: { children: ReactNode }) => {
   const closeModal = () => {
     console.log('closeModal');
     setModalIsOpen(false);
-  }
+  };
   const UserInputArea = () => {
     if (userInfo) {
       return (
         <div>
-          <UserDetailsModal userInfo={userInfo} modalIsOpen={modalIsOpen} closeModal={closeModal} />
+          <button
+            onClick={() => {
+              setModalIsOpen(true);
+            }}
+          >
+            botton
+          </button>
+          <p>
+            id : {userInfo?.id}, name : {userInfo?.nickname}
+          </p>
+          <UserDetailsModal
+            userInfo={userInfo}
+            modalIsOpen={modalIsOpen}
+            closeModal={closeModal}
+          />
         </div>
       );
     } else {

From 13cabbd8daf470915c129603f76c6f2e1caf4ce7 Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Fri, 26 May 2023 23:58:04 +0900
Subject: [PATCH 09/11] sb-update

---
 ...onents-elements-button-sendbutton--act.png | Bin 7345 -> 7350 bytes
 ...ents-elements-button-sendbutton--basic.png | Bin 7345 -> 7350 bytes
 ...tures-chat-components-chatinput--basic.png | Bin 7288 -> 7289 bytes
 ...es-chat-components-chattalkarea--basic.png | Bin 12651 -> 12651 bytes
 4 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/frontend/src/components/Elements/Button/__image_snapshots__/components-elements-button-sendbutton--act.png b/frontend/src/components/Elements/Button/__image_snapshots__/components-elements-button-sendbutton--act.png
index 95b1dc556c31a22b0674f34f609bb0b6be217e7d..b13c73f07ec1f1d1fd1737a771f12ab4cf3cd926 100644
GIT binary patch
delta 2390
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
b_ugQ0BmA7(Q}WAtpsEfZI(m>3hr9ZJ=Cs@V

delta 2388
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
VD>mex!L{S>bp~;|?x)aS{|880#J>Ol

diff --git a/frontend/src/components/Elements/Button/__image_snapshots__/components-elements-button-sendbutton--basic.png b/frontend/src/components/Elements/Button/__image_snapshots__/components-elements-button-sendbutton--basic.png
index 95b1dc556c31a22b0674f34f609bb0b6be217e7d..b13c73f07ec1f1d1fd1737a771f12ab4cf3cd926 100644
GIT binary patch
delta 2390
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
b_ugQ0BmA7(Q}WAtpsEfZI(m>3hr9ZJ=Cs@V

delta 2388
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
VD>mex!L{S>bp~;|?x)aS{|880#J>Ol

diff --git a/frontend/src/features/chat/components/__image_snapshots__/features-chat-components-chatinput--basic.png b/frontend/src/features/chat/components/__image_snapshots__/features-chat-components-chatinput--basic.png
index 3518ee0556395e754c6e5c119de2ab5472140b25..20b33ed79bbf410c630676847aac2e80775311a7 100644
GIT binary patch
delta 2243
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
PO|c_~BM#9Hrd;?x^iZiD

delta 2240
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
J`}Z?f{sUDnoR9zj

diff --git a/frontend/src/features/chat/components/__image_snapshots__/features-chat-components-chattalkarea--basic.png b/frontend/src/features/chat/components/__image_snapshots__/features-chat-components-chattalkarea--basic.png
index 7922001da253716668c79110ffd06ab8a0db8ca0..066d76e4e0f0b8a7b16e7746aa3e661d5b68542d 100644
GIT binary patch
delta 2175
zcmYLK2~?8l8YZh#O=Z(mddr2mS=mHssYGtjWR{splU_{5r5h@yhUNmU{5szBc*mtA
zEjO%d>L><HW`v5^F(t=^TyRHnMMOYRAVTGWb<TX}`_B2#`@aA4z1#ObqT8a|FP|L)
z5;A?b|7I`oCEZjkn3w_{YI`(vNAKLViw|%7{0n8j%c1h4*E25u_wcj-RaE7z_T?U~
zKJI)p&jm8MrE2#>w<475{=K$$kL2zT2zHuE>py()c%<k{N=fWHKNfS`H-`{}{gVFY
z@1dB1g;y9b0Pp>)kfAg!VXR9jQPNEyP%>%D@!v=sbGr6e05w)7sWwGjnORxoC`x%x
zup9dUNV|M~Jdx)b)K!?*)YKFm9sQge68MMu?(j%dQa0W<{}Q&2=W)`t+`D5TBULrC
zR2p<I>2iI2eZ|>vPxJn;v$f&;rWK_UJKh*q<ylewlb#kaBIS=kQ5832xPcIEaPsB@
z9uFeBpaIfH9ADgq+EHx#88$`@k7vDdh%m3f!AEUHGP7n31|yV8InB+<pSNitu0M4x
z&rL~5(LqN?+l*3RuM=D!XA0jAdgv$Dp-*wE1Iaq)kA~Kv3!tH>wzf8_UMP###|Us^
zGs%&lnn4k2U7G@skDk_BD>$5NyF<EKbf)hfO{}*|_v_YuAf5inBNT-z`DyXk_GF#3
z(V|B>X%5nbv6$wbcK+wZNi)(v&AowJxzu8Q2}D4kCma$ugSKc5lCPlQEOR3%>zHUg
z!WkaHE5;+SH%^E*JOlZJ;n2gSMJNS!@LBx8dW3(IoaA(n3LSNPQTxN!tIyP)Fj0|y
zH553ptYB9KF_m0bKV##L7E!vaOk8#)cMl7TGhG|{7nVr`!Ws+c0L~+KnkMnd&(Vwo
zsus&emsdG#cl+>Bf!B;#C}H}(e`ess`J<LZ$%qF#8-^Z^33lLw!3$X`I@9*F-BJa>
zk*Robi;8lF@=dF10I44+PFp+Z;0g3iF%N7xuZ;;5)agX9=#Y1)Wd$**!&aVGH8tI1
zNmIa#s?9OHLp>1I-o1J1N-jo@!l`=mt*PN}+%<`FLl;f!qrBmZ9|o+m*8s3aU80gY
z)^%3lXGb8_sui`tOt!MKL+n4C@9U9?k4k8eWfU1s?}J%>V1*s(#uzCCjK`NMZDynQ
ze#;DuX8eH<Z?Hs+-#eUbVq64#@FxODyadd7ANrjig==?UGiRoh7=MoLV{NY-i;go@
z=WG@@5H!JN4LSX_Y8M&8iM`A#HEBoC{0g>(`xo*x>{6sSo!Pd{tE*jis7`W+M&fbg
zUAx`^cIsU{UCo;_haEgSE{8uUrC5k;#cEo(!{-XrL>(G<k*Kh@6d?J4vq2Y}Rfo$8
zlI3BQGxTv=dnV6>R3Fp_Var-8l|f<(Wc93=%9JoV1O&mu9G?PBqo#1RRcdi(RPqkB
z(ORc561C#iz*wCFqF!1u+*p~PWq)}&^^{p$&~n5vzgib6t<riF&YI5@fk$5={9{9a
zxz|$S%fKT>Z?dLS_};n5q^QBTF0AO|QZykZK-fqQ;}ceQbHG&Sa;w}4n+VLTN=}yY
zqb8-V$TjF2U1Q_a8uZAhf}OhcTbaodm*5J5{i^^RftVBs;C#+JfD(KQHk)N7MvJcw
zTaUR!PMRdsiE*NXgJ4?#uh?zBzMA1BTVP5*T!W~QcaK>eETO@{_Dh#6zc2m|3UX)W
zef9f+cFv1FcFCAsi}2{zP^a+VDlBhjdadMsOWdc7?nF&rIA@;k^JE)&s3brp1vv<3
zTI3EgTEg;2la9!a$8VlP+sTAAS(7n^E|X2PI}#l#M}Pvv+qicb+@!1V)|GUK6peNi
zKwIj9Oo8=VqxkIxU)yG{m;X2kp%z0TrS<PJjWsMm(&cPeZH#oOQ!Fm*{p`P{Tw{pR
zRH`!m%_m=upjPB~!gNl!_ao`rg3J6q5+se1ub8!_pCb1&QfW9nSwInN(?&}IpeK82
z##DiCNBr_0f`18=vn!CjzT^opVTkK(8S;@~)ijKFZ+<L0JA064gONs<O<{N7<ryfr
zy2MLX*8m7>ARxmPFI~Q?^Rj*DuVG3iaL>-(PWDNOM~;TO<qG@`b!p#z(264<IQ%tv
zW^LwZ6_bYJ08F|?_hTuV>>PEX3WiqE9P1M2iyCCp6%!r;1)dNvwKiBBQ*3X_BWKyO
zyW<zqM=!}%X3H3ByeQ5&g*<`ko@?`KJ9#3WJYrJ}Mednto*U*vV&Q3_T@DPPi>V)?
zKcAh*DaXj?xgPN?6B1rSZ9sdjuyBuVDi{I}NJTfb?4jMe^z~<337VK9EEf)=&T;4n
z#$><Xos+zV_Y#qV02WUrbSksUa@>XSkd3l@a&T1k1`ptdfRXCfoq3?`Iz-ZI(Z|?v
z_5CixF-+69aGQ_#x=l!*cjJ*d3s9`+>rB3Wdeir$LQ5CYQ}aDQv(fzA+&Qtog{j_;
zIwRWE#fHz<Y(aPep;E_bK04vs<ZEtj&u>&cr+9}dJuMDur+%d|h{6pCfog<0gL3V6
z6^bIHfP??mtG|4)va>6E_;4>|la3m`>kqcEva-tU>FHTfC}yk65I809Xaf!6Ve+)L
z)_SL*Md#4aO?@!@<i_~eUqPWjxFOKr4NkdIxPKjB(<`AXv3LawRyRLs14$B-Z~tOv
zgsB=xi<Hl`oy0A;1$7nl#%ejOJ!AX1)2AP3DNpzheeK=JJ8vS9$RNS3@t$}q+X2b&
x{u;|G6$Y9eKQw?gYxU=QNPP1U!<U+^n^NBV8GWGuq7{O!IJ;k@Ubyw!{{a)>S_S|B

delta 2181
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
J=--9k`wz%wVLt!>


From b76699cd210a0b31fb51574d1f66ad3d7eb33d68 Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Sat, 27 May 2023 00:42:27 +0900
Subject: [PATCH 10/11] =?UTF-8?q?react-modal=E3=81=AE=E5=9E=8B=E5=AE=9A?=
 =?UTF-8?q?=E7=BE=A9=E3=83=95=E3=82=A1=E3=82=A4=E3=83=AB=E3=82=92install?=
 =?UTF-8?q?=E3=81=97=E3=81=9F=20npm=20i=20--save-dev=20@types/react-modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/package-lock.json | 10 ++++++++++
 frontend/package.json      |  1 +
 2 files changed, 11 insertions(+)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 76cd19efb..0e035011f 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -35,6 +35,7 @@
         "@storybook/react": "^7.0.9",
         "@storybook/test-runner": "^0.10.0",
         "@storybook/testing-library": "^0.0.14-next.2",
+        "@types/react-modal": "^3.16.0",
         "@typescript-eslint/eslint-plugin": "^5.59.2",
         "@typescript-eslint/parser": "^5.59.2",
         "concurrently": "^8.0.1",
@@ -6744,6 +6745,15 @@
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/@types/react-modal": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.0.tgz",
+      "integrity": "sha512-iphdqXAyUfByLbxJn5j6d+yh93dbMgshqGP0IuBeaKbZXx0aO+OXsvEkt6QctRdxjeM9/bR+Gp3h9F9djVWTQQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/react-transition-group": {
       "version": "4.4.6",
       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index a3d9198ac..1bee343c4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -47,6 +47,7 @@
     "@storybook/react": "^7.0.9",
     "@storybook/test-runner": "^0.10.0",
     "@storybook/testing-library": "^0.0.14-next.2",
+    "@types/react-modal": "^3.16.0",
     "@typescript-eslint/eslint-plugin": "^5.59.2",
     "@typescript-eslint/parser": "^5.59.2",
     "concurrently": "^8.0.1",

From 791188eac3cad48f6f8ccb8e2049994320232113 Mon Sep 17 00:00:00 2001
From: wyoheiii <seikimatu4649@gmail.com>
Date: Sat, 27 May 2023 01:28:51 +0900
Subject: [PATCH 11/11] add stories

---
 .../src/features/user/components/UserDetailsModal.stories.tsx     | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 frontend/src/features/user/components/UserDetailsModal.stories.tsx

diff --git a/frontend/src/features/user/components/UserDetailsModal.stories.tsx b/frontend/src/features/user/components/UserDetailsModal.stories.tsx
new file mode 100644
index 000000000..e69de29bb