Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
1.2 kB · 44 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142434445"use client";import { useIsInitialRender, useIsMobile } from "src/hooks/isMobile";
export function Media(props: { mobile: boolean; children: React.ReactNode; className?: string;}) { let initialRender = useIsInitialRender(); let isMobile = useIsMobile(); if (initialRender) return ( <div className={`${props.mobile ? "sm:hidden" : "hidden sm:block"} ${props.className}`} > {props.children} </div> ); if ((isMobile && props.mobile) || (!isMobile && !props.mobile)) return <div className={props.className}>{props.children}</div>; return null;}
export function MediaContents(props: { mobile: boolean; children: React.ReactNode; className?: string; style?: {};}) { let initialRender = useIsInitialRender(); let isMobile = useIsMobile(); if (initialRender) return ( <div className={`mediaContentContainer ${props.mobile ? "sm:hidden contents" : "hidden sm:contents"} ${props.className}`} style={props.style} > {props.children} </div> ); if ((isMobile && props.mobile) || (!isMobile && !props.mobile)) return <div className={props.className}>{props.children}</div>; return null;}