Revert "Hide pool deal creation + disable participation buttons (#1066)"

This reverts commit 7450f98.

pages/index.tsx

@@ -1,15 +1,38 @@
 import type { NextPage } from 'next'
 import Head from 'next/head'
+import { useRouter } from 'next/router'
+import styled from 'styled-components'
 
 import { LeftSidebarLayout } from '@/src/components/layout/LeftSidebarLayout'
 import { ListWithFilters } from '@/src/components/pools/list/ListWithFilters'
 import { VouchedPools } from '@/src/components/pools/list/Vouched'
+import { ButtonType } from '@/src/components/pureStyledComponents/buttons/Button'
+import { SectionIntro as BaseSectionIntro } from '@/src/components/section/SectionIntro'
 import { ThemeType } from '@/src/constants/types'
 import useAelinUser from '@/src/hooks/aelin/useAelinUser'
 import { useThemeContext } from '@/src/providers/themeContextProvider'
 import { useWeb3Connection } from '@/src/providers/web3ConnectionProvider'
 
+const Container = styled.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  gap: 1.5rem;
+`
+
+const SectionIntro = styled(BaseSectionIntro)`
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0px;
+  justify-content: space-between;
+
+  @media (min-width: ${({ theme }) => theme.themeBreakPoints.tabletPortraitStart}) {
+    max-height: 260px;
+  }
+`
+
 const Home: NextPage = () => {
+  const router = useRouter()
   const { address } = useWeb3Connection()
   const { data: userResponse } = useAelinUser(address)
 
@@ -23,6 +46,47 @@ const Home: NextPage = () => {
         <title>Aelin - Pools List</title>
       </Head>
       <LeftSidebarLayout>
+        <Container>
+          <SectionIntro
+            backgroundImage={
+              isLizardTheme ? `/resources/lizards/violet-lizard.png` : `/resources/svg/bg-deals.svg`
+            }
+            backgroundPosition="100% 110%"
+            backgroundSize={isLizardTheme ? '100px 85px' : 'auto auto'}
+            button={[
+              {
+                title: 'Create deal',
+                onClick: () => router.push('/deal/create'),
+                type: ButtonType.Secondary,
+              },
+            ]}
+            title="Deals"
+          >
+            Direct Deals are for new and established protocols looking to raise capital from
+            investors at pre-established deal terms. Aelin Deals allow for customizable features,
+            such as a defined vesting period and a vesting cliff.
+          </SectionIntro>
+          <SectionIntro
+            backgroundImage={
+              isLizardTheme ? `/resources/lizards/green-lizard.png` : `/resources/svg/bg-pools.svg`
+            }
+            backgroundPosition={isLizardTheme ? '100% 100%' : '100% 120px'}
+            backgroundSize={isLizardTheme ? '100px 85px' : 'auto auto'}
+            button={[
+              {
+                title: 'Create pool',
+                onClick: () => router.push('/pool/create'),
+                type: ButtonType.Primary,
+              },
+            ]}
+            title="Pools"
+          >
+            Pools are for protocols/sponsors that don't have set deal terms yet but are gauging
+            investor interest. Pools are best suited for protocols without a set target valuation
+            and sponsors using Aelin to source a future deal. Aelin Pools are most similar to SPACs.
+          </SectionIntro>
+        </Container>
+
         <VouchedPools />
         {!isLizardTheme && <ListWithFilters userPoolsInvested={userResponse?.poolsInvested} />}
       </LeftSidebarLayout>

src/components/pools/actions/AcceptDeal.tsx

@@ -96,7 +96,17 @@ function AcceptDeal({ pool }: Props) {
         setValue={setTokenInputValue}
         value={tokenInputValue}
       />
-      <ButtonGradient disabled={true} onClick={handleAcceptDeal}>
+      <ButtonGradient
+        disabled={
+          !address ||
+          !isAppConnected ||
+          isSubmitting ||
+          !tokenInputValue ||
+          BigNumber.from(tokenInputValue).eq(0) ||
+          Boolean(inputError)
+        }
+        onClick={handleAcceptDeal}
+      >
         Accept deal
       </ButtonGradient>
     </Wrapper>

src/components/pools/actions/Approve.tsx

@@ -79,7 +79,12 @@ export default function Approve({
       {allowance && symbol && <Allowance allowance={allowance} symbol={symbol} />}
       <Contents>{description}</Contents>
       <ButtonsWrapper>
-        <ButtonGradient disabled={true} onClick={approveInvestmentToken}>
+        <ButtonGradient
+          disabled={
+            !address || !isAppConnected || isSubmitting || noEnoughBalance || !userBalance?.gt(0)
+          }
+          onClick={approveInvestmentToken}
+        >
           Approve
         </ButtonGradient>
       </ButtonsWrapper>

src/components/pools/actions/Deposit/Deposit.tsx

@@ -222,13 +222,23 @@ function Deposit({ pool, poolHelpers }: Props) {
         />
       )}
       <ButtonsWrapper>
-        <ButtonGradient disabled={true} onClick={depositTokens}>
+        <ButtonGradient
+          disabled={
+            !address ||
+            !isAppConnected ||
+            poolHelpers.capReached ||
+            isSubmitting ||
+            !tokenInputValue ||
+            Boolean(inputError) ||
+            (pool.hasNftList && !hasStoredSelectedNft) ||
+            isHiddenPool(pool.address)
+          }
+          onClick={depositTokens}
+        >
           Deposit
         </ButtonGradient>
         {pool.hasNftList && (
-          <ButtonGradient disabled={true} onClick={handleOpenNftSelectionModal}>
-            Select NFT
-          </ButtonGradient>
+          <ButtonGradient onClick={handleOpenNftSelectionModal}>Select NFT</ButtonGradient>
         )}
       </ButtonsWrapper>
     </>

src/components/pools/actions/Deposit/DepositDirectDeal.tsx

@@ -275,17 +275,24 @@ function DepositDirectDeal({ pool, poolHelpers }: Props) {
 
       <ButtonsWrapper>
         <ButtonGradient
-          disabled={true}
+          disabled={
+            !address ||
+            !isAppConnected ||
+            poolHelpers.capReached ||
+            isSubmitting ||
+            !tokenInputValue ||
+            Boolean(inputError) ||
+            (pool.hasNftList && !hasStoredSelectedNft) ||
+            isHiddenPool(pool.address)
+          }
           onClick={() => {
             depositTokens()
           }}
         >
           {pool?.upfrontDeal ? 'Accept Deal' : 'Deposit'}
         </ButtonGradient>
         {pool.hasNftList && (
-          <ButtonGradient disabled={true} onClick={handleOpenNftSelectionModal}>
-            Select NFT
-          </ButtonGradient>
+          <ButtonGradient onClick={handleOpenNftSelectionModal}>Select NFT</ButtonGradient>
         )}
       </ButtonsWrapper>
     </>

src/components/pools/actions/HolderDeposit/HolderDeposit.tsx

@@ -60,7 +60,10 @@ function HolderDeposit({ pool }: Props) {
   return (
     <>
       <ButtonsWrapper>
-        <ButtonGradient disabled={true} onClick={depositTokens}>
+        <ButtonGradient
+          disabled={!isAppConnected || isSubmitting || disabledAfterDeposit || noEnoughBalance}
+          onClick={depositTokens}
+        >
           Fund Deal
         </ButtonGradient>
       </ButtonsWrapper>

src/components/pools/actions/HolderDeposit/HolderDepositUpfrontDeal.tsx

@@ -62,7 +62,10 @@ function HolderDepositUpfrontDeal({ pool }: Props) {
   return (
     <>
       <ButtonsWrapper>
-        <ButtonGradient disabled={true} onClick={depositTokens}>
+        <ButtonGradient
+          disabled={!isAppConnected || isSubmitting || disabledAfterDeposit || noEnoughBalance}
+          onClick={depositTokens}
+        >
           Fund Deal
         </ButtonGradient>
       </ButtonsWrapper>

src/components/pools/actions/Vouch/Vouch.tsx

@@ -146,7 +146,10 @@ const Vouch: React.FC<{ pool: ParsedAelinPool }> = genericSuspense(({ pool }) =>
               <>Vouching not supported</>
             )}
           </Contents>
-          <VouchButton disabled={true} onClick={handleVouchClick}>
+          <VouchButton
+            disabled={!userAddress || isSubmitting || !supportsVouch || wrongNetwork}
+            onClick={handleVouchClick}
+          >
             {hasVouched ? 'Disavow' : 'Vouch'}
           </VouchButton>
           <SeeAllButton disabled={!supportsVouch} onClick={handleOpenVouchersModal}>