apps/meteor/client/views/home/cards/JoinRoomsCard.tsx
import type { Card } from '@rocket.chat/fuselage';
import { useTranslation, useRouter } from '@rocket.chat/ui-contexts';
import type { ComponentProps, ReactElement } from 'react';
import React from 'react';
import { GenericCard, GenericCardButton } from '../../../components/GenericCard';
const JoinRoomsCard = (props: Omit<ComponentProps<typeof Card>, 'type'>): ReactElement => {
const t = useTranslation();
const router = useRouter();
const handleDirectory = (): void => {
router.navigate('/directory');
};
return (
<GenericCard
title={t('Join_rooms')}
body={t('Discover_public_channels_and_teams_in_the_workspace_directory')}
buttons={[<GenericCardButton key={1} onClick={handleDirectory} children={t('Open_directory')} />]}
data-qa-id='homepage-join-rooms-card'
width='x340'
{...props}
/>
);
};
export default JoinRoomsCard;