import { useShowcases } from './useShowcases'; import styles from './index.module.scss'; const getDomain = (url: string) => new URL(url).hostname; const TYPE_MAP = { doc: 'Doc', module: 'Module', builder: 'Builder', framework: 'Framework', }; export const ShowcaseList = () => { const showcases = useShowcases(); return (
{showcases.map((item) => { return (
{item.name} {TYPE_MAP[item.type]}
window.open(item.url)} className={styles.domain} > {getDomain(item.url)}
); })}
); };