From ad37fc85ec83164f16cf80b5a109b3435dd3e616 Mon Sep 17 00:00:00 2001
From: Alexander Belokon <ikatamarinaki@gmail.com>
Date: Wed, 10 Apr 2024 18:17:27 +0200
Subject: [PATCH] refactor: make stonks order resolver form available for
 everyone

---
 .../StonksGrid/StonksGrid.tsx                 |  0
 .../StonksGrid/StonksGridStyle.ts             |  0
 .../StonksGrid/index.ts                       |  0
 .../StonksGridWrapper/StonksGridWrapper.tsx   | 36 +++++++++++
 modules/stonks/ui/StonksGridWrapper/index.ts  |  1 +
 pages/stonks/index.tsx                        | 61 +++----------------
 6 files changed, 44 insertions(+), 54 deletions(-)
 rename modules/stonks/ui/{ => StonksGridWrapper}/StonksGrid/StonksGrid.tsx (100%)
 rename modules/stonks/ui/{ => StonksGridWrapper}/StonksGrid/StonksGridStyle.ts (100%)
 rename modules/stonks/ui/{ => StonksGridWrapper}/StonksGrid/index.ts (100%)
 create mode 100644 modules/stonks/ui/StonksGridWrapper/StonksGridWrapper.tsx
 create mode 100644 modules/stonks/ui/StonksGridWrapper/index.ts

diff --git a/modules/stonks/ui/StonksGrid/StonksGrid.tsx b/modules/stonks/ui/StonksGridWrapper/StonksGrid/StonksGrid.tsx
similarity index 100%
rename from modules/stonks/ui/StonksGrid/StonksGrid.tsx
rename to modules/stonks/ui/StonksGridWrapper/StonksGrid/StonksGrid.tsx
diff --git a/modules/stonks/ui/StonksGrid/StonksGridStyle.ts b/modules/stonks/ui/StonksGridWrapper/StonksGrid/StonksGridStyle.ts
similarity index 100%
rename from modules/stonks/ui/StonksGrid/StonksGridStyle.ts
rename to modules/stonks/ui/StonksGridWrapper/StonksGrid/StonksGridStyle.ts
diff --git a/modules/stonks/ui/StonksGrid/index.ts b/modules/stonks/ui/StonksGridWrapper/StonksGrid/index.ts
similarity index 100%
rename from modules/stonks/ui/StonksGrid/index.ts
rename to modules/stonks/ui/StonksGridWrapper/StonksGrid/index.ts
diff --git a/modules/stonks/ui/StonksGridWrapper/StonksGridWrapper.tsx b/modules/stonks/ui/StonksGridWrapper/StonksGridWrapper.tsx
new file mode 100644
index 00000000..26613e9d
--- /dev/null
+++ b/modules/stonks/ui/StonksGridWrapper/StonksGridWrapper.tsx
@@ -0,0 +1,36 @@
+import { Button } from '@lidofinance/lido-ui'
+import { useWeb3 } from 'modules/blockChain/hooks/useWeb3'
+import { useConnectWalletModal } from 'modules/wallet/ui/ConnectWalletModal'
+import { useStonksData } from 'modules/stonks/hooks/useStonksData'
+import { PageLoader } from 'modules/shared/ui/Common/PageLoader'
+import { MessageBox } from 'modules/stonks/ui/StonksOrderForm'
+import { StonksGrid } from 'modules/stonks/ui/StonksGridWrapper/StonksGrid'
+
+export function StonksGridWrapper() {
+  const { isWalletConnected } = useWeb3()
+  const openConnectWalletModal = useConnectWalletModal()
+  const { stonksData, isStonksDataLoading } = useStonksData()
+
+  if (!isWalletConnected) {
+    return (
+      <Button
+        type="submit"
+        fullwidth
+        children="Connect wallet to proceed"
+        onClick={openConnectWalletModal}
+      />
+    )
+  }
+
+  if (isStonksDataLoading) {
+    return <PageLoader />
+  }
+
+  if (!stonksData) {
+    return (
+      <MessageBox>Only Stonks Managers can create Stonks Orders</MessageBox>
+    )
+  }
+
+  return <StonksGrid stonksData={stonksData} />
+}
diff --git a/modules/stonks/ui/StonksGridWrapper/index.ts b/modules/stonks/ui/StonksGridWrapper/index.ts
new file mode 100644
index 00000000..f86411e2
--- /dev/null
+++ b/modules/stonks/ui/StonksGridWrapper/index.ts
@@ -0,0 +1 @@
+export { StonksGridWrapper } from './StonksGridWrapper'
diff --git a/pages/stonks/index.tsx b/pages/stonks/index.tsx
index 911c6f3f..a5451e6c 100644
--- a/pages/stonks/index.tsx
+++ b/pages/stonks/index.tsx
@@ -1,53 +1,10 @@
-import { Button } from '@lidofinance/lido-ui'
-import { useWeb3 } from 'modules/blockChain/hooks/useWeb3'
-import { useConnectWalletModal } from 'modules/wallet/ui/ConnectWalletModal'
-import { StonksPageContainer } from 'modules/stonks/ui/StonksPageContainer'
-import { useStonksData } from 'modules/stonks/hooks/useStonksData'
-import { PageLoader } from 'modules/shared/ui/Common/PageLoader'
-import { MessageBox, Subtitle } from 'modules/stonks/ui/StonksOrderForm'
+import { Subtitle } from 'modules/stonks/ui/StonksOrderForm'
 import { Title } from 'modules/shared/ui/Common/Title'
 import { StonksOrderResolverForm } from 'modules/stonks/ui/StonksOrderResolverForm'
-import { StonksGrid } from 'modules/stonks/ui/StonksGrid'
+import { StonksGridWrapper } from 'modules/stonks/ui/StonksGridWrapper'
+import { StonksPageContainer } from 'modules/stonks/ui/StonksPageContainer'
 
 export default function StonksCreateOrderPage() {
-  const { isWalletConnected } = useWeb3()
-  const openConnectWalletModal = useConnectWalletModal()
-  const { stonksData, isStonksDataLoading } = useStonksData()
-
-  if (!isWalletConnected) {
-    return (
-      <StonksPageContainer>
-        <Title title="Do stonks" />
-        <MessageBox>Connect your wallet first</MessageBox>
-        <br />
-        <Button
-          type="submit"
-          fullwidth
-          children="Connect wallet"
-          onClick={openConnectWalletModal}
-        />
-      </StonksPageContainer>
-    )
-  }
-
-  if (isStonksDataLoading) {
-    return (
-      <StonksPageContainer>
-        <Title title="Do stonks" />
-        <PageLoader />
-      </StonksPageContainer>
-    )
-  }
-
-  if (!stonksData) {
-    return (
-      <StonksPageContainer>
-        <Title title="Do stonks" />
-        <MessageBox>Only Stonks Managers have access to Stonks</MessageBox>
-      </StonksPageContainer>
-    )
-  }
-
   return (
     <StonksPageContainer>
       <Title title="Do stonks" />
@@ -55,14 +12,10 @@ export default function StonksCreateOrderPage() {
         Manage existing order
       </Subtitle>
       <StonksOrderResolverForm />
-      {stonksData.length ? (
-        <>
-          <Subtitle size={20} weight={800} isCentered>
-            Create on-chain order
-          </Subtitle>
-          <StonksGrid stonksData={stonksData} />
-        </>
-      ) : null}
+      <Subtitle size={20} weight={800} isCentered>
+        Create on-chain order
+      </Subtitle>
+      <StonksGridWrapper />
     </StonksPageContainer>
   )
 }