Fix resources calendar view

This commit is contained in:
Joshua Schmucker 2026-02-06 12:18:34 +01:00
parent 6d99ca594a
commit efaa22a8f1

View File

@ -8,6 +8,8 @@ const ResourcesList: React.FC = () => {
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
useEffect(() => {
const api = new SimpleLibreBookingClient();
@ -15,8 +17,7 @@ const ResourcesList: React.FC = () => {
try {
setLoading(true);
const resourcesData = await api.getResources();
console.log('Resources loaded:', resourcesData);
console.log('Resources count:', resourcesData.length);
setResources(resourcesData);
} catch (err) {
console.error('Error loading resources:', err);
@ -73,9 +74,11 @@ const ResourcesList: React.FC = () => {
</div>
) : (
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', gap: '1.5rem' }}>
{resources.map((resource) => (
{resources.map((resource) => {
const resourceId = resource.resourceId || resource.id;
return (
<div
key={resource.id}
key={resource.resourceId || resource.id}
style={{
border: '1px solid #ddd',
borderRadius: '8px',
@ -141,7 +144,7 @@ const ResourcesList: React.FC = () => {
<div style={{ display: 'flex', gap: '0.75rem', marginTop: '1rem' }}>
<Link
to={`/resources/${resource.id}/calendar`}
to={`/resources/${resourceId}/calendar`}
style={{
flex: 1,
display: 'inline-block',
@ -174,7 +177,8 @@ const ResourcesList: React.FC = () => {
</Link>
</div>
</div>
))}
);
})}
</div>
)}
</div>