Merge pull request #719 from dOrgTech/bug-707

deeplink fixed

src/modules/lite/explorer/pages/ProposalDetails/index.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from "react"
-import { Button, Grid, styled, useMediaQuery, useTheme } from "@material-ui/core"
+import { Button, Grid, Typography, styled, useMediaQuery, useTheme } from "@material-ui/core"
 import { ProposalDetailCard } from "../../components/ProposalDetailCard"
 import { GridContainer } from "modules/common/GridContainer"
 import { ChoiceItemSelected } from "../../components/ChoiceItemSelected"
 import { VoteDetails } from "../../components/VoteDetails"
-import { useLocation, useParams } from "react-router-dom"
+import { useHistory, useLocation, useParams } from "react-router-dom"
 import { Poll } from "models/Polls"
 import { Choice } from "models/Choice"
 import { useTezos } from "services/beacon/hooks/useTezos"
@@ -19,6 +19,7 @@ import { voteOnLiteProposal } from "services/services/lite/lite-services"
 import { useDAO } from "services/services/dao/hooks/useDAO"
 import { useTokenVoteWeight } from "services/contracts/token/hooks/useTokenVoteWeight"
 import BigNumber from "bignumber.js"
+import { ArrowBackIosOutlined } from "@material-ui/icons"
 
 const PageContainer = styled("div")({
   marginBottom: 50,
@@ -54,7 +55,7 @@ export const ProposalDetails: React.FC<{ id: string }> = ({ id }) => {
   const theme = useTheme()
   const isMobileSmall = useMediaQuery(theme.breakpoints.down("sm"))
   const { state } = useLocation<{ poll: Poll; choices: Choice[]; daoId: string }>()
-
+  const navigate = useHistory()
   const { data: dao } = useDAO(state?.daoId)
   const { account, wallet } = useTezos()
   const openNotification = useNotification()
@@ -133,7 +134,15 @@ export const ProposalDetails: React.FC<{ id: string }> = ({ id }) => {
   return (
     <PageContainer style={{ gap: 30 }}>
       <Grid container>
-        <BackButton />
+        <Grid
+          container
+          style={{ gap: 15, cursor: "pointer", marginBottom: 23 }}
+          onClick={() => navigate.push(`/explorer/lite/dao/${id}/community/`)}
+          alignItems="center"
+        >
+          <ArrowBackIosOutlined color="secondary" />
+          <Typography color="secondary">Back to community</Typography>
+        </Grid>
       </Grid>
       <Grid container style={{ gap: 30 }}>
         <Grid item>