Add a big callout link about the State of DTI message

This commit is contained in:
Emi Matchu 2023-02-04 23:59:18 -08:00
parent e5e368fb65
commit c28475fcdc

View file

@ -53,6 +53,7 @@ import SpeciesColorPicker from "./components/SpeciesColorPicker";
import SquareItemCard, { import SquareItemCard, {
SquareItemCardSkeleton, SquareItemCardSkeleton,
} from "./components/SquareItemCard"; } from "./components/SquareItemCard";
import WIPCallout from "./components/WIPCallout";
import { useAuthModeFeatureFlag } from "./components/useCurrentUser"; import { useAuthModeFeatureFlag } from "./components/useCurrentUser";
import HomepageSplashImg from "./images/homepage-splash.png"; import HomepageSplashImg from "./images/homepage-splash.png";
@ -64,8 +65,15 @@ function HomePage() {
const [previewState, setPreviewState] = React.useState(null); const [previewState, setPreviewState] = React.useState(null);
return ( return (
<Flex direction="column" align="center" textAlign="center" marginTop="8"> <Flex direction="column" align="center" textAlign="center" marginTop="4">
<Box height="4" /> <WIPCallout>
<Link href="/state-of-dti-2023" passHref>
<ChakraLink textDecoration="underline">
Here's a little update on the state of DTI !
</ChakraLink>
</Link>
</WIPCallout>
<Box height="6" />
<Box <Box
width="200px" width="200px"
height="200px" height="200px"