From 2c6aa05ba5bf2ad876b737b960ca581e54c26dac Mon Sep 17 00:00:00 2001
From: Cheslav Zhuravsky <happylolonly@gmail.com>
Date: Wed, 29 May 2024 19:52:51 +0700
Subject: [PATCH] add passport

---
 front/src/pages/Main/Main.tsx              |  5 ++---
 front/src/pages/Main/Passport/Passport.tsx | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 front/src/pages/Main/Passport/Passport.tsx

diff --git a/front/src/pages/Main/Main.tsx b/front/src/pages/Main/Main.tsx
index ebe79310..bddeea5a 100644
--- a/front/src/pages/Main/Main.tsx
+++ b/front/src/pages/Main/Main.tsx
@@ -14,6 +14,7 @@ import { Input } from "@/components/Input";
 import DisplayTitle from "@/components/common/containerGradient/DisplayTitle/DisplayTitle";
 import { Citizenship } from "@/types";
 import MusicalAddress from "@/components/MusicalAddress/MusicalAddress";
+import Passport from "./Passport/Passport";
 
 const tele = (window as any).Telegram.WebApp;
 
@@ -132,9 +133,7 @@ const Main = () => {
                 wordBreak: "break-all",
               }}
             >
-              {passport.owner}
-              {JSON.stringify(passport)}
-              {/* <MusicalAddress address={passport.owner} /> */}
+              <Passport passport={passport} />
             </div>
           )}
 
diff --git a/front/src/pages/Main/Passport/Passport.tsx b/front/src/pages/Main/Passport/Passport.tsx
new file mode 100644
index 00000000..dced32ce
--- /dev/null
+++ b/front/src/pages/Main/Passport/Passport.tsx
@@ -0,0 +1,14 @@
+import { Citizenship } from "@/types";
+import React from "react";
+
+function Passport({ passport }: { passport: Citizenship }) {
+  return (
+    <div>
+      {JSON.stringify(passport)}
+
+      {/* <MusicalAddress address={passport.owner} /> */}
+    </div>
+  );
+}
+
+export default Passport;