c40016b785
Port 0636bcdbe1ddbd648b1bc1c26f9ee897a816306a to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
24 lines
583 B
TypeScript
24 lines
583 B
TypeScript
import { FormattedMessage } from 'react-intl';
|
|
|
|
export const SearchSection: React.FC<{
|
|
title: React.ReactNode;
|
|
onClickMore?: () => void;
|
|
children: React.ReactNode;
|
|
}> = ({ title, onClickMore, children }) => (
|
|
<div className='search-results__section'>
|
|
<div className='search-results__section__header'>
|
|
<h3>{title}</h3>
|
|
{onClickMore && (
|
|
<button onClick={onClickMore}>
|
|
<FormattedMessage
|
|
id='search_results.see_all'
|
|
defaultMessage='See all'
|
|
/>
|
|
</button>
|
|
)}
|
|
</div>
|
|
|
|
{children}
|
|
</div>
|
|
);
|