diff --git a/apps/web/src/modules/dao/components/About/Founder.tsx b/apps/web/src/modules/dao/components/About/Founder.tsx index f205c1970..2f2dc36e0 100644 --- a/apps/web/src/modules/dao/components/About/Founder.tsx +++ b/apps/web/src/modules/dao/components/About/Founder.tsx @@ -1,4 +1,5 @@ -import { Box, Flex, Text } from '@zoralabs/zord' +import { Box, Flex, PopUp, Text } from '@zoralabs/zord' +import { useState } from 'react' import { Avatar } from 'src/components/Avatar' import { Icon } from 'src/components/Icon' @@ -13,6 +14,7 @@ interface FounderProps { } export const Founder: React.FC = ({ wallet, ownershipPct, vestExpiry }) => { + const [showTooltip, setShowTooltip] = useState(false) const { displayName, ensAvatar } = useEnsData(wallet as string) const vestDate = new Date(vestExpiry * 1000).toLocaleDateString(undefined, { year: 'numeric', @@ -50,9 +52,17 @@ export const Founder: React.FC = ({ wallet, ownershipPct, vestExpi {ownershipPct}% - + setShowTooltip(true)} + onMouseLeave={() => setShowTooltip(false)} + > + }> + {`In effect until ${vestDate}`} + )