add pool explorer button & my position button to position detail page

src/pages/Earns/PositionDetail/index.tsx

@@ -1,12 +1,17 @@
 import { t } from '@lingui/macro'
 import { useEffect, useMemo, useRef } from 'react'
 import { useParams } from 'react-router-dom'
+import { Flex, Text } from 'rebass'
 import { useUserPositionsQuery } from 'services/zapEarn'
 
 import { ReactComponent as IconEarnNotFound } from 'assets/svg/ic_earn_not_found.svg'
+import { ReactComponent as IconUserEarnPosition } from 'assets/svg/ic_user_earn_position.svg'
+import { ReactComponent as RocketIcon } from 'assets/svg/rocket.svg'
 import LocalLoader from 'components/LocalLoader'
+import { APP_PATHS } from 'constants/index'
 import { useActiveWeb3React } from 'hooks'
 
+import { NavigateButton } from '../PoolExplorer/styles'
 import { EmptyPositionText, PositionPageWrapper } from '../UserPositions/styles'
 import useLiquidityWidget from '../useLiquidityWidget'
 import PositionDetailHeader from './Header'
@@ -147,7 +152,15 @@ const PositionDetail = () => {
         ) : (
           <EmptyPositionText>
             <IconEarnNotFound />
-            {t`No position found!`}
+            <Text>{t`No position found!`}</Text>
+            <Flex sx={{ gap: 2 }} marginTop={12}>
+              <NavigateButton
+                icon={<RocketIcon width={20} height={20} />}
+                text={t`Explorer Pools`}
+                to={APP_PATHS.EARN_POOLS}
+              />
+              <NavigateButton icon={<IconUserEarnPosition />} text={t`My Positions`} to={APP_PATHS.EARN_POSITIONS} />
+            </Flex>
           </EmptyPositionText>
         )}
       </PositionPageWrapper>