commons-stack · jorvixsky · Oct 8, 2023 · Oct 5, 2023 · Oct 6, 2023 · Oct 6, 2023
diff --git a/apps/web/.eslintrc.js → apps/launchpad/.eslintrc.js b/apps/web/.eslintrc.js → apps/launchpad/.eslintrc.js
diff --git a/apps/web/.gitignore → apps/launchpad/.gitignore b/apps/web/.gitignore → apps/launchpad/.gitignore
diff --git a/apps/web/index.html → apps/launchpad/index.html b/apps/web/index.html → apps/launchpad/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Launchpad</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/apps/launchpad/package.json b/apps/launchpad/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "launchpad-web",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@chakra-ui/icons": "^2.1.1",
+    "@chakra-ui/react": "^2.8.1",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@fontsource/roboto": "^5.0.8",
+    "@rainbow-me/rainbowkit": "^1.0.11",
+    "@wagmi/core": "1.4.2",
+    "framer-motion": "^10.16.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.16.0",
+    "viem": "^1.10.13",
+    "wagmi": "^1.4.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "eslint": "^8.45.0",
+    "eslint-config-custom": "*",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5"
+  },
+  "license": "AGPL-3.0-or-later"
+}
diff --git a/apps/web/public/ABCLaunchpadLogo.svg → apps/launchpad/public/ABCLaunchpadLogo.svg b/apps/web/public/ABCLaunchpadLogo.svg → apps/launchpad/public/ABCLaunchpadLogo.svg
diff --git a/apps/web/public/CS Logo.svg → apps/launchpad/public/CS Logo.svg b/apps/web/public/CS Logo.svg → apps/launchpad/public/CS Logo.svg
diff --git a/apps/web/public/Check.svg → apps/launchpad/public/Check.svg b/apps/web/public/Check.svg → apps/launchpad/public/Check.svg
diff --git a/apps/web/public/Delete.svg → apps/launchpad/public/Delete.svg b/apps/web/public/Delete.svg → apps/launchpad/public/Delete.svg
diff --git a/apps/web/public/Error.svg → apps/launchpad/public/Error.svg b/apps/web/public/Error.svg → apps/launchpad/public/Error.svg
diff --git a/apps/web/public/HeaderLogo.svg → apps/launchpad/public/HeaderLogo.svg b/apps/web/public/HeaderLogo.svg → apps/launchpad/public/HeaderLogo.svg
diff --git a/apps/web/public/InformationIcon.svg → apps/launchpad/public/InformationIcon.svg b/apps/web/public/InformationIcon.svg → apps/launchpad/public/InformationIcon.svg
diff --git a/...web/public/VictorSerifTrial-40Regular.otf → ...pad/public/VictorSerifTrial-40Regular.otf b/...web/public/VictorSerifTrial-40Regular.otf → ...pad/public/VictorSerifTrial-40Regular.otf
diff --git a/apps/web/public/launchpad/ConfigureABC.svg → ...unchpad/public/launchpad/ConfigureABC.svg b/apps/web/public/launchpad/ConfigureABC.svg → ...unchpad/public/launchpad/ConfigureABC.svg
diff --git a/apps/web/public/launchpad/ConfigureToken.svg → ...chpad/public/launchpad/ConfigureToken.svg b/apps/web/public/launchpad/ConfigureToken.svg → ...chpad/public/launchpad/ConfigureToken.svg
diff --git a/.../web/public/launchpad/ConfigureVoting.svg → ...hpad/public/launchpad/ConfigureVoting.svg b/.../web/public/launchpad/ConfigureVoting.svg → ...hpad/public/launchpad/ConfigureVoting.svg
diff --git a/...eb/public/launchpad/ContinuousFunding.svg → ...ad/public/launchpad/ContinuousFunding.svg b/...eb/public/launchpad/ContinuousFunding.svg → ...ad/public/launchpad/ContinuousFunding.svg
diff --git a/apps/web/public/launchpad/CreamEllipse.png → ...unchpad/public/launchpad/CreamEllipse.png b/apps/web/public/launchpad/CreamEllipse.png → ...unchpad/public/launchpad/CreamEllipse.png
diff --git a/apps/web/public/launchpad/DAOName.svg → apps/launchpad/public/launchpad/DAOName.svg b/apps/web/public/launchpad/DAOName.svg → apps/launchpad/public/launchpad/DAOName.svg
diff --git a/apps/web/public/launchpad/GreenEllipse.png → ...unchpad/public/launchpad/GreenEllipse.png b/apps/web/public/launchpad/GreenEllipse.png → ...unchpad/public/launchpad/GreenEllipse.png
diff --git a/apps/web/public/launchpad/LaunchDAO.svg → .../launchpad/public/launchpad/LaunchDAO.svg b/apps/web/public/launchpad/LaunchDAO.svg → .../launchpad/public/launchpad/LaunchDAO.svg
diff --git a/.../public/launchpad/MarketAccessibility.svg → .../public/launchpad/MarketAccessibility.svg b/.../public/launchpad/MarketAccessibility.svg → .../public/launchpad/MarketAccessibility.svg
diff --git a/...eb/public/launchpad/SustainableGrowth.svg → ...ad/public/launchpad/SustainableGrowth.svg b/...eb/public/launchpad/SustainableGrowth.svg → ...ad/public/launchpad/SustainableGrowth.svg
diff --git a/...ublic/token-logos/gnosis-gno-gno-logo.svg → ...ublic/token-logos/gnosis-gno-gno-logo.svg b/...ublic/token-logos/gnosis-gno-gno-logo.svg → ...ublic/token-logos/gnosis-gno-gno-logo.svg
diff --git a/...n-logos/multi-collateral-dai-dai-logo.svg → ...n-logos/multi-collateral-dai-dai-logo.svg b/...n-logos/multi-collateral-dai-dai-logo.svg → ...n-logos/multi-collateral-dai-dai-logo.svg
diff --git a/...token-logos/optimism-ethereum-op-logo.svg → ...token-logos/optimism-ethereum-op-logo.svg b/...token-logos/optimism-ethereum-op-logo.svg → ...token-logos/optimism-ethereum-op-logo.svg
diff --git a/...b/public/token-logos/tether-usdt-logo.svg → ...d/public/token-logos/tether-usdt-logo.svg b/...b/public/token-logos/tether-usdt-logo.svg → ...d/public/token-logos/tether-usdt-logo.svg
diff --git a/...public/token-logos/usd-coin-usdc-logo.svg → ...public/token-logos/usd-coin-usdc-logo.svg b/...public/token-logos/usd-coin-usdc-logo.svg → ...public/token-logos/usd-coin-usdc-logo.svg
diff --git a/apps/web/public/vite.svg → apps/launchpad/public/vite.svg b/apps/web/public/vite.svg → apps/launchpad/public/vite.svg
diff --git a/apps/web/src/App.tsx → apps/launchpad/src/App.tsx b/apps/web/src/App.tsx → apps/launchpad/src/App.tsx
@@ -1,8 +1,8 @@
 import { Link, useLocation } from "react-router-dom";
-import Footer from './presentation/components/shared/Footer';
+import Footer from '../../shared/presentation/components/Footer';
 import { Box } from "@chakra-ui/react";
 import { Outlet } from "react-router-dom";
-import Header from "./presentation/components/shared/Header";
+import Header from "../../shared/presentation/components/Header";
 
 export default function App() {
 
@@ -15,7 +15,6 @@ export default function App() {
         <Header />
         {isInitialRoute && (
           <>
-            <Link to="/swap">Swap</Link>
             <Link to="/launchpad">Launchpad</Link>
           </>
         )}

diff --git a/.../src/data/DAOCreationWagmiLSRepository.ts → .../src/data/DAOCreationWagmiLSRepository.ts b/.../src/data/DAOCreationWagmiLSRepository.ts → .../src/data/DAOCreationWagmiLSRepository.ts
@@ -1,7 +1,7 @@
 import { Abi } from "viem";
 import { useContractWrite, usePrepareContractWrite, useWaitForTransaction } from "wagmi";
-import { knownContracts } from '../../config.json';
-import newDaoWithABCAbi from '../../utils/abi/augmented-bonding-curve.json';
+import { knownContracts } from '../../../shared/config.json';
+import newDaoWithABCAbi from '../../../shared/utils/abi/augmented-bonding-curve.json';
 import { DAOInfoStatus } from "../domain/enum/DAOInfoStatus";
 import { ABCConfig } from "../domain/model/ABCConfig";
 import { DAOCreationResult, DAOCreationResultStatus } from "../domain/model/DAOCreationResult";

diff --git a/apps/web/src/domain/enum/DAOInfoStatus.ts → ...aunchpad/src/domain/enum/DAOInfoStatus.ts b/apps/web/src/domain/enum/DAOInfoStatus.ts → ...aunchpad/src/domain/enum/DAOInfoStatus.ts
diff --git a/apps/web/src/domain/model/ABCConfig.ts → apps/launchpad/src/domain/model/ABCConfig.ts b/apps/web/src/domain/model/ABCConfig.ts → apps/launchpad/src/domain/model/ABCConfig.ts
diff --git a/...web/src/domain/model/DAOCreationResult.ts → ...pad/src/domain/model/DAOCreationResult.ts b/...web/src/domain/model/DAOCreationResult.ts → ...pad/src/domain/model/DAOCreationResult.ts
diff --git a/apps/web/src/domain/model/DAOInfo.ts → apps/launchpad/src/domain/model/DAOInfo.ts b/apps/web/src/domain/model/DAOInfo.ts → apps/launchpad/src/domain/model/DAOInfo.ts
diff --git a/apps/web/src/domain/model/TokenHolder.ts → ...launchpad/src/domain/model/TokenHolder.ts b/apps/web/src/domain/model/TokenHolder.ts → ...launchpad/src/domain/model/TokenHolder.ts
diff --git a/apps/web/src/domain/model/TokenInfo.ts → apps/launchpad/src/domain/model/TokenInfo.ts b/apps/web/src/domain/model/TokenInfo.ts → apps/launchpad/src/domain/model/TokenInfo.ts
diff --git a/apps/web/src/domain/model/VotingConfig.ts → ...aunchpad/src/domain/model/VotingConfig.ts b/apps/web/src/domain/model/VotingConfig.ts → ...aunchpad/src/domain/model/VotingConfig.ts
diff --git a/...omain/repository/DAOCreationRepository.ts → ...omain/repository/DAOCreationRepository.ts b/...omain/repository/DAOCreationRepository.ts → ...omain/repository/DAOCreationRepository.ts
diff --git a/...rc/domain/use-case/DAOCreationUseCases.ts → ...rc/domain/use-case/DAOCreationUseCases.ts b/...rc/domain/use-case/DAOCreationUseCases.ts → ...rc/domain/use-case/DAOCreationUseCases.ts
diff --git a/apps/web/src/main.tsx → apps/launchpad/src/main.tsx b/apps/web/src/main.tsx → apps/launchpad/src/main.tsx
@@ -1,26 +1,24 @@
-import './polyfills.ts'
+import '../../shared/polyfills.ts'
 import "@rainbow-me/rainbowkit/styles.css";
 import { RainbowKitProvider } from "@rainbow-me/rainbowkit";
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import { ChakraProvider } from '@chakra-ui/react'
 import { WagmiConfig } from "wagmi";
 import { chains, wagmiConfig } from "../wagmi";
-import theme from './presentation/theme/index.ts';
+import theme from '../../shared/presentation/theme/index.ts';
 import App from './App.tsx'
 import Launchpad from './presentation/pages/launchpad';
-import Swap from './presentation/pages/swap';
 import { createHashRouter, RouterProvider, createRoutesFromElements, Route } from "react-router-dom";
 import NewDao from './presentation/pages/new-dao/new-dao.tsx';
-import { TransactionProvider } from './presentation/providers/TransactionProvider.tsx';
+import { TransactionProvider } from '../../shared/presentation/providers/TransactionProvider.tsx';
 import { DAOCreationWagmiLSRepository } from './data/DAOCreationWagmiLSRepository.ts';
 
 const daoCreationRepository = new DAOCreationWagmiLSRepository();
 
 const router = createHashRouter(
   createRoutesFromElements(
     <Route path="/" element={<App />}>
-      <Route path="swap" element={<Swap />} />
       <Route path="launchpad" element={<Launchpad />} />
       <Route path="launchpad/new-dao" element={<NewDao daoCreationRepository={daoCreationRepository} />} />
     </Route>

diff --git a/apps/web/src/presentation/assets/react.svg → ...unchpad/src/presentation/assets/react.svg b/apps/web/src/presentation/assets/react.svg → ...unchpad/src/presentation/assets/react.svg
diff --git a/...tation/components/launchpad/DAOLayout.tsx → ...src/presentation/components/DAOLayout.tsx b/...tation/components/launchpad/DAOLayout.tsx → ...src/presentation/components/DAOLayout.tsx
diff --git a/...unchpad/abc/ABCSettingsModelController.ts → ...ponents/abc/ABCSettingsModelController.ts b/...unchpad/abc/ABCSettingsModelController.ts → ...ponents/abc/ABCSettingsModelController.ts
@@ -1,8 +1,8 @@
 import { useEffect, useState } from "react";
-import { DAOCreationRepository } from "../../../../domain/repository/DAOCreationRepository";
-import { setABCConfig } from "../../../../domain/use-case/DAOCreationUseCases";
-import { ABCConfig } from "../../../../domain/model/ABCConfig";
-import { TokenInfo } from "../../../../domain/model/TokenInfo";
+import { DAOCreationRepository } from "../../../domain/repository/DAOCreationRepository";
+import { setABCConfig } from "../../../domain/use-case/DAOCreationUseCases";
+import { ABCConfig } from "../../../domain/model/ABCConfig";
+import { TokenInfo } from "../../../domain/model/TokenInfo";
 import { fetchBalance, getAccount } from "@wagmi/core";
 import { parseEther } from "viem";
 

diff --git a/...pad/abc/AugmentedBondingCurveSettings.tsx → ...nts/abc/AugmentedBondingCurveSettings.tsx b/...pad/abc/AugmentedBondingCurveSettings.tsx → ...nts/abc/AugmentedBondingCurveSettings.tsx
@@ -1,8 +1,8 @@
 import { Divider, Box, Button, Flex, FormControl, FormLabel, HStack, Image, InputGroup, Select, Text, VStack, Tooltip } from "@chakra-ui/react";
 import { useEffect } from "react";
-import { DAOCreationRepository } from "../../../../domain/repository/DAOCreationRepository";
-import CustomInput from "../../shared/CustomInput";
-import CustomInputRightAddon from "../../shared/CustomInputRightAddon";
+import { DAOCreationRepository } from "../../../domain/repository/DAOCreationRepository";
+import CustomInput from "../../../../../shared/presentation/components/CustomInput";
+import CustomInputRightAddon from "../../../../../shared/presentation/components/CustomInputRightAddon";
 import { useABCSettingsModelController } from "./ABCSettingsModelController";
 
 interface AugmentedBondingCurveSettingsProps {

diff --git a/.../launchpad/name/DAONameModelController.ts → ...components/name/DAONameModelController.ts b/.../launchpad/name/DAONameModelController.ts → ...components/name/DAONameModelController.ts
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
-import { DAOCreationRepository } from "../../../../domain/repository/DAOCreationRepository";
-import { setDAOName } from "../../../../domain/use-case/DAOCreationUseCases";
+import { DAOCreationRepository } from "../../../domain/repository/DAOCreationRepository";
+import { setDAOName } from "../../../domain/use-case/DAOCreationUseCases";
 
 export function useDAONameModelController(daoCreationRepository: DAOCreationRepository) {
     const [organizationName, setOrganizationName] = useState<string>('');

diff --git a/...nents/launchpad/name/OrganizationName.tsx → ...tion/components/name/OrganizationName.tsx b/...nents/launchpad/name/OrganizationName.tsx → ...tion/components/name/OrganizationName.tsx
@@ -1,10 +1,10 @@
 import { Box, InputGroup, Text, VStack, Image } from "@chakra-ui/react";
 import { useEffect } from "react";
-import { DAOCreationRepository } from "../../../../domain/repository/DAOCreationRepository";
-import CustomInput from "../../shared/CustomInput";
-import CustomInputRightAddon from "../../shared/CustomInputRightAddon";
+import { DAOCreationRepository } from "../../../domain/repository/DAOCreationRepository";
+import CustomInput from "../../../../../shared/presentation/components/CustomInput";
+import CustomInputRightAddon from "../../../../../shared/presentation/components/CustomInputRightAddon";
 import { useDAONameModelController } from "./DAONameModelController";
-import "../../../../styles.css";
+import "../../../styles.css";
 
 interface OrganizationNameProps {
     onStepCompletionChanged: (completed: boolean) => void;

diff --git a/...mary/DAOCreationSummaryModelController.ts → ...mary/DAOCreationSummaryModelController.ts b/...mary/DAOCreationSummaryModelController.ts → ...mary/DAOCreationSummaryModelController.ts
@@ -1,13 +1,13 @@
 import { useEffect, useState } from "react";
 import { useTransaction } from 'wagmi';
-import { VotingConfig } from "../../../../domain/model/VotingConfig";
-import { DAOCreationRepository } from "../../../../domain/repository/DAOCreationRepository";
+import { VotingConfig } from "../../../domain/model/VotingConfig";
+import { DAOCreationRepository } from "../../../domain/repository/DAOCreationRepository";
 
-import { ABCConfig } from "../../../../domain/model/ABCConfig";
-import { DAOCreationResult, DAOCreationResultStatus } from "../../../../domain/model/DAOCreationResult";
-import { TokenHolder } from "../../../../domain/model/TokenHolder";
-import { TokenInfo } from "../../../../domain/model/TokenInfo";
-import { launchDAO } from "../../../../domain/use-case/DAOCreationUseCases";
+import { ABCConfig } from "../../../domain/model/ABCConfig";
+import { DAOCreationResult, DAOCreationResultStatus } from "../../../domain/model/DAOCreationResult";
+import { TokenHolder } from "../../../domain/model/TokenHolder";
+import { TokenInfo } from "../../../domain/model/TokenInfo";
+import { launchDAO } from "../../../domain/use-case/DAOCreationUseCases";
 
 export function useDAOCreationSummaryModelController(daoCreationRepository: DAOCreationRepository) {
     const [isSending, setIsSending] = useState(false);

diff --git a/apps/launchpad/src/presentation/components/summary/Summary.tsx b/apps/launchpad/src/presentation/components/summary/Summary.tsx
@@ -0,0 +1,157 @@
+import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Box, Button, Checkbox, Spinner, Table, Tbody, Td, Text, Th, Thead, Tr, VStack } from "@chakra-ui/react";
+import { useEffect, useState } from 'react';
+
+import { DAOCreationRepository } from "../../../domain/repository/DAOCreationRepository";
+import { useDAOCreationSummaryModelController } from "./DAOCreationSummaryModelController";
+
+interface SummaryViewProps {
+    onStepCompletionChanged: (completed: boolean) => void;
+    daoCreationRepository: DAOCreationRepository;
+};
+
+export default function Summary({ onStepCompletionChanged, daoCreationRepository }: SummaryViewProps) {
+    // use cases
+    const {
+        isSending,
+        isLoading,
+        txData,
+        daoName,
+        votingSettings,
+        tokenInfo,
+        tokenHolders,
+        abcConfig,
+    } = useDAOCreationSummaryModelController(daoCreationRepository);
+
+    // Handle user confirmation of summary
+    const [_validated, setValidated] = useState(false)
+
+    useEffect(() => {
+        const isCompleted = _validated;
+        if (onStepCompletionChanged) {
+            onStepCompletionChanged(isCompleted);
+        }
+    }, [_validated]);
+
+    return (
+        <div>
+            {isSending || isLoading ? (
+                <Box borderWidth="1px" borderRadius="lg" padding="6" boxShadow="lg" width="50vw">
+                    <VStack spacing={4}>
+                        <Text fontSize="2xl" as="b" p="1rem" textAlign="center">Creating your DAO...</Text>
+                        <Spinner size="xl" />
+                    </VStack>
+                </Box>
+            ) : txData && !!txData.hash ? (
+                <Box borderWidth="1px" borderRadius="lg" padding="6" boxShadow="lg" width="50vw">
+                    <VStack spacing={4}>
+                        <Text fontSize="2xl" as="b" p="1rem" textAlign="center">Your DAO has been successfully created!</Text>
+                        <Button onClick={() => window.open("https://xdai.aragon.blossom.software/#/" + daoName, "_blank", "noreferrer")}>See DAO</Button>
+                    </VStack>
+                </Box>
+            ) : (
+                <Box pt="100px">
+                    <VStack spacing={4}>
+                        <Text fontFamily="VictorSerifTrial" fontSize="72px" color="brand.900">Launch your DAO</Text>
+                        <Text fontSize="24px" color="brand.900" >Make sure your settings are correct</Text>
+                        <Accordion width="80%">
+                            <AccordionItem>
+                                <AccordionButton borderBottom="1px solid" borderBottomColor="brand.900">
+                                    <Box flex='1' textAlign='left'>
+                                        <Text color="brand.900">Organization settings</Text>
+                                    </Box>
+                                    <AccordionIcon />
+                                </AccordionButton>
+                                <AccordionPanel pb={4}>
+                                    <Text>
+                                        <Text as="b">Organization domain: </Text>{daoName + '.aragonid.eth'}
+                                    </Text>
+                                </AccordionPanel>
+                            </AccordionItem>
+                            <AccordionItem>
+                                <AccordionButton borderBottom="1px solid" borderBottomColor="brand.900">
+                                    <Box flex='1' textAlign='left'>
+                                        <Text color="brand.900">Governance settings</Text>
+                                    </Box>
+                                    <AccordionIcon />
+                                </AccordionButton>
+                                <AccordionPanel pb={4}>
+                                    <Text>
+                                        Support: <Text as="b"> {votingSettings.getSupportRequiredValue() + '%'}</Text>
+                                    </Text>
+                                    <Text>
+                                        Minimum approval: <Text as="b"> {votingSettings.getMinimumAcceptanceQuorumValue() + '%'}</Text>
+                                    </Text>
+                                    <Text>
+                                        Vote duration: <Text as="b"> {votingSettings.getVoteDurationDays() + ' days ' + votingSettings.getVoteDurationHours() + ' hours ' + votingSettings.getVoteDurationMinutes() + ' minutes'}</Text>
+                                    </Text>
+                                </AccordionPanel>
+                            </AccordionItem>
+                            <AccordionItem>
+                                <AccordionButton borderBottom="1px solid" borderBottomColor="brand.900">
+                                    <Box flex='1' textAlign='left'>
+                                        <Text color="brand.900">Token settings</Text>
+                                    </Box>
+                                    <AccordionIcon />
+                                </AccordionButton>
+                                <AccordionPanel pb={4}>
+                                    <Text>
+                                        Token name: <Text as="b">{tokenInfo.tokenName}</Text>
+                                    </Text>
+                                    <Text>
+                                        Token symbol: <Text as="b">{tokenInfo.tokenSymbol}</Text>
+                                    </Text>
+                                    <Table variant="simple" mt="20px" backgroundColor="brand.200" borderRadius="15px">
+                                        <Thead>
+                                            <Tr>
+                                                <Th><Text color="brand.900" fontSize="12px" fontFamily="Roboto">HOLDER ACCOUNT</Text></Th>
+                                                <Th><Text color="brand.900" fontSize="12px" fontFamily="Roboto">BALANCE</Text></Th>
+                                            </Tr>
+                                        </Thead>
+                                        <Tbody>
+                                            {tokenHolders?.map((holder, index) => (
+                                                <Tr key={index}>
+                                                    <Td>{holder.address || "-"}</Td>
+                                                    <Td>{holder.balance !== null ? holder.balance : "-"}</Td>
+                                                </Tr>
+                                            ))}
+                                        </Tbody>
+                                    </Table>
+                                </AccordionPanel>
+                            </AccordionItem>
+                            <AccordionItem>
+                                <AccordionButton borderBottom="1px solid" borderBottomColor="brand.900">
+                                    <Box flex='1' textAlign='left'>
+                                        <Text color="brand.900">Augmented bonding curve settings</Text>
+                                    </Box>
+                                    <AccordionIcon />
+                                </AccordionButton>
+                                <AccordionPanel pb={4}>
+                                    <Text>
+                                        Reserve ratio: <Text as="b">{abcConfig.getReserveRatio() + '%'}</Text>
+                                    </Text>
+                                    <Text>
+                                        Colateral token: <Text as="b">{abcConfig.collateralToken?.tokenSymbol}</Text>
+                                    </Text>
+                                    <Text>
+                                        Initial reserve token: <Text as="b">{abcConfig.getReserveInitialBalance() + ' ' + abcConfig.collateralToken?.tokenSymbol}</Text>
+                                    </Text>
+                                    <Text>
+                                        Entry tribute: <Text as="b">{abcConfig.entryTribute + '%'}</Text>
+                                    </Text>
+                                    <Text>
+                                        Exit tribute: <Text as="b">{abcConfig.entryTribute + '%'}</Text>
+                                    </Text>
+                                </AccordionPanel>
+                            </AccordionItem>
+                        </Accordion>
+                        <VStack spacing={-1}>
+                            <Text fontSize="16px">Review all the settings.</Text>
+                            <Text fontSize="16px">If there are any mistakes, fix them before proceeding.</Text>
+                        </VStack>
+                        <Checkbox onChange={(e) => setValidated(e.target.checked)} >Did you verify that all the information is correct?</Checkbox>
+                    </VStack>
+                </Box>
+            )}
+        </div>
+    )
+}
diff --git a/...ponents/launchpad/token/TokenSettings.tsx → ...tation/components/token/TokenSettings.tsx b/...ponents/launchpad/token/TokenSettings.tsx → ...tation/components/token/TokenSettings.tsx
@@ -1,10 +1,10 @@
 import { Divider, Button, FormControl, FormLabel, HStack, InputGroup, Text, VStack, Image, Tooltip } from "@chakra-ui/react";
 import React from 'react';
-import { DAOCreationRepository } from "../../../../domain/repository/DAOCreationRepository";
-import CustomInput from "../../shared/CustomInput";
-import CustomInputRightAddon from "../../shared/CustomInputRightAddon";
+import { DAOCreationRepository } from "../../../domain/repository/DAOCreationRepository";
+import CustomInput from "../../../../../shared/presentation/components/CustomInput";
+import CustomInputRightAddon from "../../../../../shared/presentation/components//CustomInputRightAddon";
 import { useTokenSettingsModelController } from "./TokenSettingsModelController";
-import "../../../../styles.css";
+import "../../../styles.css";
 
 interface TokenSettingProps {
     onStepCompletionChanged: (completed: boolean) => void;

diff --git a/...ad/token/TokenSettingsModelController.tsx → ...ts/token/TokenSettingsModelController.tsx b/...ad/token/TokenSettingsModelController.tsx → ...ts/token/TokenSettingsModelController.tsx
@@ -1,8 +1,8 @@
 import { useEffect, useState } from "react";
-import { DAOCreationRepository } from "../../../../domain/repository/DAOCreationRepository";
-import { setTokenHolders, setTokenInfo } from "../../../../domain/use-case/DAOCreationUseCases";
-import { TokenHolder } from "../../../../domain/model/TokenHolder";
-import { TokenInfo } from "../../../../domain/model/TokenInfo";
+import { DAOCreationRepository } from "../../../domain/repository/DAOCreationRepository";
+import { setTokenHolders, setTokenInfo } from "../../../domain/use-case/DAOCreationUseCases";
+import { TokenHolder } from "../../../domain/model/TokenHolder";
+import { TokenInfo } from "../../../domain/model/TokenInfo";
 import { tokenHolderIsValid } from "./TokenSettingsValidators";
 
 export interface TokenSettings {

diff --git a/...aunchpad/token/TokenSettingsValidators.ts → ...mponents/token/TokenSettingsValidators.ts b/...aunchpad/token/TokenSettingsValidators.ts → ...mponents/token/TokenSettingsValidators.ts
@@ -1,4 +1,4 @@
-import { TokenHolder } from "../../../../domain/model/TokenHolder";
+import { TokenHolder } from "../../../domain/model/TokenHolder";
 
 export function tokenHolderIsValid(tokenHolder: TokenHolder) : boolean {
     return tokenHolder.address !== "" && tokenHolder.balance !== "";