diff --git a/src/modules/explorer/pages/DAOList/index.tsx b/src/modules/explorer/pages/DAOList/index.tsx index 41f3d7cb..e9e7e229 100644 --- a/src/modules/explorer/pages/DAOList/index.tsx +++ b/src/modules/explorer/pages/DAOList/index.tsx @@ -19,6 +19,7 @@ import { DAOItem } from "./components/DAOItem" import { SearchInput } from "./components/Searchbar" import { MainButton } from "../../../common/MainButton" import { EnvKey, getEnv } from "services/config" +import { LaunchOutlined } from "@material-ui/icons" const PageContainer = styled("div")(({ theme }) => ({ width: "1000px", @@ -82,6 +83,43 @@ const DAOItemCard = styled(Grid)({ } }) +const BannerContainer = styled(Grid)(({ theme }) => ({ + background: theme.palette.primary.main, + padding: "30px 48px", + borderRadius: 8, + display: "inline-block", + [theme.breakpoints.down("md")]: { + padding: "28px 38px" + } +})) + +const LinkText = styled(Typography)(({ theme }) => ({ + fontSize: 18, + fontWeight: 200, + lineHeight: "146.3%", + cursor: "default", + [theme.breakpoints.down("sm")]: { + fontSize: 16 + }, + [theme.breakpoints.down("xs")]: { + fontSize: 13 + } +})) + +const ExternalLink = styled(Typography)({ + "display": "inline", + "cursor": "pointer", + "fontWeight": 200, + "&:hover": { + textDecoration: "underline" + } +}) + +const ExternalLinkIcon = styled(LaunchOutlined)({ + fontSize: 14, + marginBottom: 2 +}) + export const DAOList: React.FC = () => { const { network, account, tezos } = useTezos() const { data: daos, isLoading } = useAllDAOs(network) @@ -129,11 +167,28 @@ export const DAOList: React.FC = () => { setSelectedTab(newValue) } + const goToHomebaseLite = () => { + window.open("https://lite.tezos-homebase.io/") + } + return ( <> + + + + For off-chain token-weighted polls, try{" "} + {" "} + + {" "} + Homebase Lite + {" "} + + + +