Merge pull request #716 from dOrgTech/bug-703

link to terms added

src/modules/lite/explorer/components/DaoCardDetail.tsx

@@ -1,4 +1,4 @@
-import { Avatar, Button, Grid, styled, Typography, useMediaQuery, useTheme } from "@material-ui/core"
+import { Avatar, Button, Grid, Link, styled, Typography, useMediaQuery, useTheme } from "@material-ui/core"
 import { Community } from "models/Community"
 import React, { useCallback, useContext, useEffect, useState } from "react"
 import { useHistory } from "react-router"
@@ -20,6 +20,15 @@ const MembersText = styled(Typography)({
   marginBottom: 10
 })
 
+const TermsText = styled(Link)(({ theme }) => ({
+  fontSize: 14,
+  textDecoration: "underline",
+  color: theme.palette.secondary.main,
+  cursor: "pointer",
+  fontFamily: "Roboto Mono",
+  letterSpacing: "1px !important"
+}))
+
 const CommunityText = styled(Typography)({
   fontWeight: 500,
   fontSize: 30,
@@ -95,6 +104,9 @@ export const DaoCardDetail: React.FC<DaoCardDetailProps> = ({ community, setIsUp
           <MembersText variant={"body1"} color="textPrimary">
             {count} members
           </MembersText>
+          <TermsText href={community?.linkToTerms} target="_blank" color="secondary">
+            COMMUNITY TERMS
+          </TermsText>
         </Grid>
       </Grid>