hide liquidity panel (#904)

web/components/liquidity-panel.tsx

@@ -14,6 +14,8 @@ import { Col } from './layout/col'
 import { track } from 'web/lib/service/analytics'
 import { InfoTooltip } from './info-tooltip'
 import { BETTORS, PRESENT_BET } from 'common/user'
+import { buildArray } from 'common/util/array'
+import { useAdmin } from 'web/hooks/use-admin'
 
 export function LiquidityPanel(props: { contract: CPMMContract }) {
   const { contract } = props
@@ -28,31 +30,32 @@ export function LiquidityPanel(props: { contract: CPMMContract }) {
       setShowWithdrawal(true)
   }, [showWithdrawal, lpShares])
 
+  const isCreator = user?.id === contract.creatorId
+  const isAdmin = useAdmin()
+
+  if (!showWithdrawal && !isAdmin && !isCreator) return <></>
+
   return (
     <Tabs
-      tabs={[
+      tabs={buildArray(
-        {
+        (isCreator || isAdmin) && {
-          title: 'Subsidize',
+          title: (isAdmin ? '[Admin] ' : '') + 'Subsidize',
           content: <AddLiquidityPanel contract={contract} />,
         },
-        ...(showWithdrawal
+        showWithdrawal && {
-          ? [
+          title: 'Withdraw',
-              {
+          content: (
-                title: 'Withdraw',
+            <WithdrawLiquidityPanel
-                content: (
+              contract={contract}
-                  <WithdrawLiquidityPanel
+              lpShares={lpShares as { YES: number; NO: number }}
-                    contract={contract}
+            />
-                    lpShares={lpShares as { YES: number; NO: number }}
+          ),
-                  />
+        },
-                ),
-              },
-            ]
-          : []),
         {
           title: 'Pool',
           content: <ViewLiquidityPanel contract={contract} />,
-        },
+        }
-      ]}
+      )}
     />
   )
 }