diff --git a/src/components/apps/cast/AltClientLinks.tsx b/src/components/apps/cast/AltClientLinks.tsx index a929144..04fe532 100644 --- a/src/components/apps/cast/AltClientLinks.tsx +++ b/src/components/apps/cast/AltClientLinks.tsx @@ -1,4 +1,4 @@ -import { degencastLink, farquestLink, recasterLink, supercastLink, warpcastLink } from '@app/constants/altClients'; +import { degencastLink, farquestLink, herocastLink, recasterLink, supercastLink, warpcastLink } from '@app/constants/altClients'; import { useResponsive } from '@app/hooks/useResponsive'; import { Link } from 'react-router-dom'; import * as S from './Cast.styles'; @@ -11,6 +11,7 @@ export const AltClientLinks: React.FC = ({ castHash, castFi const { mobileOnly } = useResponsive(); const maybeFarquestLink = farquestLink({ fid: castFid, hash: castHash }); const maybeRecasterLink = mobileOnly ? recasterLink({ hash: castHash }) : undefined; + const maybeHerocastLink = mobileOnly ? undefined : herocastLink({ hash: castHash }); return ( @@ -35,6 +36,12 @@ export const AltClientLinks: React.FC = ({ castHash, castFi [Degencast] + {maybeHerocastLink && ( + + {' '} + [Herocast] + + )} ); }; diff --git a/src/constants/altClients.ts b/src/constants/altClients.ts index ed9844f..ea9f88e 100644 --- a/src/constants/altClients.ts +++ b/src/constants/altClients.ts @@ -35,3 +35,8 @@ export const degencastLink = (props: LinkProps) => { const { hash } = props; return `https://degencast.xyz/casts/${hash.slice(2)}`; }; + +export const herocastLink = (props: LinkProps) => { + const { hash } = props; + return `https://app.herocast.xyz/conversation/${hash}`; +};