mirror of
https://github.com/tjsga/tj-sga-website-react.git
synced 2025-04-21 12:00:17 -04:00
22 lines
510 B
TypeScript
22 lines
510 B
TypeScript
import React from 'react';
|
|
import useQuery from '../hooks/useInitiatives';
|
|
import InitiativeColumn from './InitiativeColumn';
|
|
|
|
export default function InitiativeList() {
|
|
let initiatives = useQuery<SGA.InitiativeDocument[]>(
|
|
'*[_type == "initiative"]'
|
|
);
|
|
|
|
if (!initiatives) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<section className='container mx-auto px-8 my-8 flex flex-wrap'>
|
|
{initiatives.map((initiative) => {
|
|
return <InitiativeColumn key={initiative._id} {...initiative} />;
|
|
})}
|
|
</section>
|
|
);
|
|
}
|