From 95e94f5cb09e0e41a4af7b215f5bfe828c9499f3 Mon Sep 17 00:00:00 2001
From: Kieran Gillen <kgillen@gmail.com>
Date: Tue, 15 Mar 2022 15:00:14 +0100
Subject: [PATCH] Refactor EmptyState component

---
 components/EmptyState.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/components/EmptyState.tsx b/components/EmptyState.tsx
index 1aded15a..878a49ee 100644
--- a/components/EmptyState.tsx
+++ b/components/EmptyState.tsx
@@ -1,5 +1,4 @@
 import { FunctionComponent, ReactNode } from 'react'
-import useMangoStore from '../stores/useMangoStore'
 import Button from './Button'
 
 interface EmptyStateProps {
@@ -8,6 +7,7 @@ interface EmptyStateProps {
   onClickButton?: () => void
   desc?: string
   title: string
+  disabled?: boolean
 }
 
 const EmptyState: FunctionComponent<EmptyStateProps> = ({
@@ -16,10 +16,8 @@ const EmptyState: FunctionComponent<EmptyStateProps> = ({
   onClickButton,
   desc,
   title,
+  disabled = false,
 }) => {
-  const wallet = useMangoStore((s) => s.wallet.current)
-  const mangoGroup = useMangoStore((s) => s.selectedMangoGroup.current)
-
   return (
     <div className="flex flex-col items-center rounded-lg px-4 pb-2 text-th-fgd-1">
       <div className="mb-1 h-6 w-6 text-th-primary">{icon}</div>
@@ -34,11 +32,7 @@ const EmptyState: FunctionComponent<EmptyStateProps> = ({
         </p>
       ) : null}
       {buttonText && onClickButton ? (
-        <Button
-          className="mt-2"
-          onClick={onClickButton}
-          disabled={!wallet || !mangoGroup}
-        >
+        <Button className="mt-2" onClick={onClickButton} disabled={disabled}>
           {buttonText}
         </Button>
       ) : null}