From c789cd204fcdfec93d363c4a6aae5aaab888a947 Mon Sep 17 00:00:00 2001
From: Dmitry Yudakov <dmitry.yudakov@gmail.com>
Date: Mon, 30 Oct 2023 15:15:58 +0200
Subject: [PATCH] feat(profile-view): button for buy another odyssey

---
 .../components/ProfileView/ProfileView.styled.ts    |  7 +++++++
 .../components/ProfileView/ProfileView.tsx          | 13 ++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/scenes/widgets/pages/ProfileWidget/components/ProfileView/ProfileView.styled.ts b/packages/app/src/scenes/widgets/pages/ProfileWidget/components/ProfileView/ProfileView.styled.ts
index 628ab8a8d..e9fd98b82 100644
--- a/packages/app/src/scenes/widgets/pages/ProfileWidget/components/ProfileView/ProfileView.styled.ts
+++ b/packages/app/src/scenes/widgets/pages/ProfileWidget/components/ProfileView/ProfileView.styled.ts
@@ -33,3 +33,10 @@ export const LinkAccent = styled.a`
 export const Worlds = styled.div`
   padding: 0 10px 10px 10px;
 `;
+
+export const BuyAnotherWorldPanel = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 0;
+`;
diff --git a/packages/app/src/scenes/widgets/pages/ProfileWidget/components/ProfileView/ProfileView.tsx b/packages/app/src/scenes/widgets/pages/ProfileWidget/components/ProfileView/ProfileView.tsx
index c2ffdab6c..d202c6d3e 100644
--- a/packages/app/src/scenes/widgets/pages/ProfileWidget/components/ProfileView/ProfileView.tsx
+++ b/packages/app/src/scenes/widgets/pages/ProfileWidget/components/ProfileView/ProfileView.tsx
@@ -1,11 +1,13 @@
 import {FC} from 'react';
+import {useNavigate} from 'react-router-dom';
 import {observer} from 'mobx-react-lite';
-import {Image, Frame, ProfileLine, WalletHash, TextCut} from '@momentum-xyz/ui-kit';
+import {Image, Frame, ProfileLine, WalletHash, TextCut, Button} from '@momentum-xyz/ui-kit';
 import {absoluteLink, withoutProtocol, useI18n, signUpDateString} from '@momentum-xyz/core';
 
 import {WalletInterface} from 'api';
 import {WorldsOwnedList, WorldsStakedList} from 'ui-kit';
 import {UserModelInterface, WorldInfoModelInterface} from 'core/models';
+import {ROUTES} from 'core/constants';
 
 import * as styled from './ProfileView.styled';
 
@@ -27,6 +29,7 @@ const ProfileView: FC<PropsInterface> = ({
   onVisitWorld
 }) => {
   const {t} = useI18n();
+  const navigate = useNavigate();
 
   return (
     <styled.Container>
@@ -62,6 +65,14 @@ const ProfileView: FC<PropsInterface> = ({
           onVisitWorld={onVisitWorld}
         />
 
+        <styled.BuyAnotherWorldPanel>
+          <Button
+            variant="secondary"
+            label="Buy another Odyssey"
+            onClick={() => navigate(ROUTES.buyNft)}
+          />
+        </styled.BuyAnotherWorldPanel>
+
         <WorldsStakedList
           worldsStakedIn={worldsStakedList}
           onSelectWorld={onInfoWorld}