diff --git a/src/components/controls/IncidentPanel.tsx b/src/components/controls/IncidentPanel.tsx index 70ee35d..abe0b3d 100644 --- a/src/components/controls/IncidentPanel.tsx +++ b/src/components/controls/IncidentPanel.tsx @@ -127,7 +127,7 @@ const InfoPanelControl: React.FC = ({ key={'overlay'} className={`${ incident || tmpSelected ? 'w-[100%] md:w-[400px]' : 'w-0' - } duration-400 fixed left-0 z-[1000] box-border h-full cursor-default overflow-y-auto rounded-e-xl bg-tint-02/60 font-merriweather text-sm text-shade-02 shadow-lg backdrop-blur-sm transition-all duration-100`} + } duration-400 absolute bottom-0 left-0 top-0 z-[1000] box-border cursor-default overflow-y-auto rounded-r-xl bg-tint-02/60 font-merriweather text-sm text-shade-02 shadow-lg backdrop-blur-sm transition-all duration-100`} onMouseEnter={disableZoom} onMouseLeave={enableZoom} > diff --git a/src/components/filters/DateFilter.tsx b/src/components/filters/DateFilter.tsx index bb088fc..2ff9319 100644 --- a/src/components/filters/DateFilter.tsx +++ b/src/components/filters/DateFilter.tsx @@ -4,6 +4,9 @@ import { LucideCalendar } from 'lucide-react' import { useState } from 'react' import { formatDateString } from '@/utils' +/** + * Bare minimum filter component that filters incidents based on them matching a certain date. + */ const FilterDate = ({ id, dispatch }: filterProps) => { const [date, setDate] = useState('') const handleChange = (e: React.ChangeEvent) => { diff --git a/src/pages/AdminCRUD.tsx b/src/pages/AdminCRUD.tsx index 027a55b..39907ae 100644 --- a/src/pages/AdminCRUD.tsx +++ b/src/pages/AdminCRUD.tsx @@ -175,11 +175,6 @@ const AdminCRUD: React.FC = ({ firestore, data }) => { return (
-
- -
{entityType == 'Types' && (
{/* Title displaying current entity type */} -

{entityTypesSpanish[entityType]}

+

{entityTypesSpanish[entityType]}

{/* Edit form */} {modifyEntityId && (
@@ -228,7 +223,7 @@ const AdminCRUD: React.FC = ({ firestore, data }) => {
)} {/* Scrollable list view */} -
+
{Object.entries(data[entityType]) .sort((a, b) => { const entity1 = a[1] diff --git a/src/pages/Map.tsx b/src/pages/Map.tsx index 929bbec..2fa5e8a 100644 --- a/src/pages/Map.tsx +++ b/src/pages/Map.tsx @@ -120,7 +120,7 @@ const Map: React.FC = ({ data, isAdmin, addIncident, deleteIncident, e } return ( -
+