import { Link, useParams, useRouteLoaderData } from '@remix-run/react'; import * as icons from '../util/icons'; export default function Topics() { const { tags, countries, devices } = useRouteLoaderData("root"); const params = useParams(); const currentTag = params.tag || 'all'; return (
{tags.map((tag) => ( {tag.name} {tag.count} ))} {countries.map((tag) => ( {tag.emoji} {tag.count} ))} {devices.map((tag) => ( {tag.name} {tag.count} ))}
); }