├── .env ├── .gitignore ├── .prettierrc.json ├── .storybook ├── aux-classes.css ├── main.js └── preview.js ├── README.md ├── package.json ├── public ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt ├── src ├── Reducer.tsx ├── Store.tsx ├── components │ ├── App.tsx │ ├── App │ │ ├── App.module.css │ │ ├── App.tsx │ │ └── PageWithParams.tsx │ ├── AppHeader.tsx │ ├── ConnectWallet.tsx │ ├── layout │ │ ├── Footer │ │ │ ├── Footer.module.css │ │ │ ├── Footer.stories.tsx │ │ │ └── Footer.tsx │ │ ├── Header │ │ │ ├── Header.module.css │ │ │ ├── Header.stories.tsx │ │ │ └── Header.tsx │ │ ├── Tile │ │ │ ├── Tile.module.css │ │ │ ├── Tile.stories.tsx │ │ │ └── Tile.tsx │ │ └── TileContainer │ │ │ ├── TileContainer.module.css │ │ │ └── TileContainer.tsx │ ├── nav │ │ ├── NavHeader │ │ │ ├── NavHeader.module.css │ │ │ ├── NavHeader.stories.tsx │ │ │ ├── NavHeader.tsx │ │ │ └── NavLink.tsx │ │ └── SideMenu │ │ │ ├── SideMenu.module.css │ │ │ ├── SideMenu.stories.tsx │ │ │ └── SideMenu.tsx │ ├── screens │ │ ├── Home │ │ │ └── Home.tsx │ │ └── Page1 │ │ │ └── Page1.tsx │ └── shared │ │ ├── inputs │ │ ├── Button │ │ │ ├── Button.module.css │ │ │ ├── Button.stories.tsx │ │ │ └── Button.tsx │ │ └── LoadingButton │ │ │ ├── LoadingButton.module.css │ │ │ ├── LoadingButton.stories.tsx │ │ │ └── LoadingButton.tsx │ │ └── loading │ │ └── LoadingIndicator │ │ ├── LoadingIndicator.module.css │ │ ├── LoadingIndicator.stories.tsx │ │ └── LoadingIndicator.tsx ├── functions │ └── ethersFunctions.ts ├── index.tsx ├── react-app-env.d.ts ├── stories │ └── assets │ │ ├── code-brackets.svg │ │ ├── colors.svg │ │ ├── comments.svg │ │ ├── direction.svg │ │ ├── flow.svg │ │ ├── plugin.svg │ │ ├── repo.svg │ │ └── stackalt.svg └── styling │ ├── App.css │ ├── config.css │ ├── index.css │ └── layout.css ├── tsconfig.json └── yarn.lock /.env: -------------------------------------------------------------------------------- 1 | SKIP_PREFLIGHT_CHECK=true 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/.prettierrc.json -------------------------------------------------------------------------------- /.storybook/aux-classes.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/.storybook/aux-classes.css -------------------------------------------------------------------------------- /.storybook/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/.storybook/main.js -------------------------------------------------------------------------------- /.storybook/preview.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/.storybook/preview.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/README.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/package.json -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/public/index.html -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/public/manifest.json -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/public/robots.txt -------------------------------------------------------------------------------- /src/Reducer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/Reducer.tsx -------------------------------------------------------------------------------- /src/Store.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/Store.tsx -------------------------------------------------------------------------------- /src/components/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/App.tsx -------------------------------------------------------------------------------- /src/components/App/App.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/App/App.module.css -------------------------------------------------------------------------------- /src/components/App/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/App/App.tsx -------------------------------------------------------------------------------- /src/components/App/PageWithParams.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/App/PageWithParams.tsx -------------------------------------------------------------------------------- /src/components/AppHeader.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/AppHeader.tsx -------------------------------------------------------------------------------- /src/components/ConnectWallet.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/ConnectWallet.tsx -------------------------------------------------------------------------------- /src/components/layout/Footer/Footer.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/Footer/Footer.module.css -------------------------------------------------------------------------------- /src/components/layout/Footer/Footer.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/Footer/Footer.stories.tsx -------------------------------------------------------------------------------- /src/components/layout/Footer/Footer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/Footer/Footer.tsx -------------------------------------------------------------------------------- /src/components/layout/Header/Header.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/Header/Header.module.css -------------------------------------------------------------------------------- /src/components/layout/Header/Header.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/Header/Header.stories.tsx -------------------------------------------------------------------------------- /src/components/layout/Header/Header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/Header/Header.tsx -------------------------------------------------------------------------------- /src/components/layout/Tile/Tile.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/Tile/Tile.module.css -------------------------------------------------------------------------------- /src/components/layout/Tile/Tile.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/Tile/Tile.stories.tsx -------------------------------------------------------------------------------- /src/components/layout/Tile/Tile.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/Tile/Tile.tsx -------------------------------------------------------------------------------- /src/components/layout/TileContainer/TileContainer.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/TileContainer/TileContainer.module.css -------------------------------------------------------------------------------- /src/components/layout/TileContainer/TileContainer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/layout/TileContainer/TileContainer.tsx -------------------------------------------------------------------------------- /src/components/nav/NavHeader/NavHeader.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/nav/NavHeader/NavHeader.module.css -------------------------------------------------------------------------------- /src/components/nav/NavHeader/NavHeader.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/nav/NavHeader/NavHeader.stories.tsx -------------------------------------------------------------------------------- /src/components/nav/NavHeader/NavHeader.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/nav/NavHeader/NavHeader.tsx -------------------------------------------------------------------------------- /src/components/nav/NavHeader/NavLink.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/nav/NavHeader/NavLink.tsx -------------------------------------------------------------------------------- /src/components/nav/SideMenu/SideMenu.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/nav/SideMenu/SideMenu.module.css -------------------------------------------------------------------------------- /src/components/nav/SideMenu/SideMenu.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/nav/SideMenu/SideMenu.stories.tsx -------------------------------------------------------------------------------- /src/components/nav/SideMenu/SideMenu.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/nav/SideMenu/SideMenu.tsx -------------------------------------------------------------------------------- /src/components/screens/Home/Home.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/screens/Home/Home.tsx -------------------------------------------------------------------------------- /src/components/screens/Page1/Page1.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/screens/Page1/Page1.tsx -------------------------------------------------------------------------------- /src/components/shared/inputs/Button/Button.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/shared/inputs/Button/Button.module.css -------------------------------------------------------------------------------- /src/components/shared/inputs/Button/Button.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/shared/inputs/Button/Button.stories.tsx -------------------------------------------------------------------------------- /src/components/shared/inputs/Button/Button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/shared/inputs/Button/Button.tsx -------------------------------------------------------------------------------- /src/components/shared/inputs/LoadingButton/LoadingButton.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/shared/inputs/LoadingButton/LoadingButton.module.css -------------------------------------------------------------------------------- /src/components/shared/inputs/LoadingButton/LoadingButton.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/shared/inputs/LoadingButton/LoadingButton.stories.tsx -------------------------------------------------------------------------------- /src/components/shared/inputs/LoadingButton/LoadingButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/shared/inputs/LoadingButton/LoadingButton.tsx -------------------------------------------------------------------------------- /src/components/shared/loading/LoadingIndicator/LoadingIndicator.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/shared/loading/LoadingIndicator/LoadingIndicator.module.css -------------------------------------------------------------------------------- /src/components/shared/loading/LoadingIndicator/LoadingIndicator.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/shared/loading/LoadingIndicator/LoadingIndicator.stories.tsx -------------------------------------------------------------------------------- /src/components/shared/loading/LoadingIndicator/LoadingIndicator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/components/shared/loading/LoadingIndicator/LoadingIndicator.tsx -------------------------------------------------------------------------------- /src/functions/ethersFunctions.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/functions/ethersFunctions.ts -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /src/stories/assets/code-brackets.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/stories/assets/code-brackets.svg -------------------------------------------------------------------------------- /src/stories/assets/colors.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/stories/assets/colors.svg -------------------------------------------------------------------------------- /src/stories/assets/comments.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/stories/assets/comments.svg -------------------------------------------------------------------------------- /src/stories/assets/direction.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/stories/assets/direction.svg -------------------------------------------------------------------------------- /src/stories/assets/flow.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/stories/assets/flow.svg -------------------------------------------------------------------------------- /src/stories/assets/plugin.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/stories/assets/plugin.svg -------------------------------------------------------------------------------- /src/stories/assets/repo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/stories/assets/repo.svg -------------------------------------------------------------------------------- /src/stories/assets/stackalt.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/stories/assets/stackalt.svg -------------------------------------------------------------------------------- /src/styling/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/styling/App.css -------------------------------------------------------------------------------- /src/styling/config.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/styling/config.css -------------------------------------------------------------------------------- /src/styling/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/styling/index.css -------------------------------------------------------------------------------- /src/styling/layout.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/src/styling/layout.css -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/tsconfig.json -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Byte-Masons/defi-ui-template/HEAD/yarn.lock --------------------------------------------------------------------------------