oh lord. prettier eslint and all that

apps/web/src/components/report/sidebar/ReportEvents.tsx

@@ -1,14 +1,16 @@
-import { api } from "@/utils/api";
-import { Combobox } from "@/components/ui/combobox";
-import { useDispatch, useSelector } from "@/redux";
-import { addEvent, changeEvent, removeEvent } from "../reportSlice";
-import { ReportEventFilters } from "./ReportEventFilters";
-import { useState } from "react";
-import { ReportEventMore, type ReportEventMoreProps } from "./ReportEventMore";
-import { type IChartEvent } from "@/types";
-import { Filter, GanttChart, Users } from "lucide-react";
-import { Dropdown } from "@/components/Dropdown";
-import { ColorSquare } from "@/components/ColorSquare";
+import { useState } from 'react';
+import { ColorSquare } from '@/components/ColorSquare';
+import { Dropdown } from '@/components/Dropdown';
+import { Combobox } from '@/components/ui/combobox';
+import { useDispatch, useSelector } from '@/redux';
+import type { IChartEvent } from '@/types';
+import { api } from '@/utils/api';
+import { Filter, GanttChart, Users } from 'lucide-react';
+
+import { addEvent, changeEvent, removeEvent } from '../reportSlice';
+import { ReportEventFilters } from './ReportEventFilters';
+import { ReportEventMore } from './ReportEventMore';
+import type { ReportEventMoreProps } from './ReportEventMore';
 
 export function ReportEvents() {
   const [isCreating, setIsCreating] = useState(false);
@@ -21,12 +23,12 @@ export function ReportEvents() {
   }));
 
   const handleMore = (event: IChartEvent) => {
-    const callback: ReportEventMoreProps["onClick"] = (action) => {
+    const callback: ReportEventMoreProps['onClick'] = (action) => {
       switch (action) {
-        case "createFilter": {
+        case 'createFilter': {
           return setIsCreating(true);
         }
-        case "remove": {
+        case 'remove': {
           return dispatch(removeEvent(event));
         }
       }
@@ -43,9 +45,7 @@ export function ReportEvents() {
           return (
             <div key={event.name} className="rounded-lg border">
               <div className="flex items-center gap-2 p-2">
-                <ColorSquare>
-                  {event.id}
-                </ColorSquare>
+                <ColorSquare>{event.id}</ColorSquare>
                 <Combobox
                   value={event.name}
                   onChange={(value) => {
@@ -54,7 +54,7 @@ export function ReportEvents() {
                         ...event,
                         name: value,
                         filters: [],
-                      }),
+                      })
                     );
                   }}
                   items={eventsCombobox}
@@ -71,32 +71,36 @@ export function ReportEvents() {
                       changeEvent({
                         ...event,
                         segment,
-                      }),
+                      })
                     );
                   }}
                   items={[
                     {
-                      value: "event",
-                      label: "All events",
+                      value: 'event',
+                      label: 'All events',
                     },
                     {
-                      value: "user",
-                      label: "Unique users",
+                      value: 'user',
+                      label: 'Unique users',
                     },
                   ]}
                   label="Segment"
                 >
                   <button className="flex items-center gap-1 rounded-md border border-border p-1 px-2 font-medium leading-none text-xs">
-                    {event.segment === "user" ? (
-                      <><Users size={12} /> Unique users</>
-                      ) : (
-                      <><GanttChart size={12} /> All events</>
+                    {event.segment === 'user' ? (
+                      <>
+                        <Users size={12} /> Unique users
+                      </>
+                    ) : (
+                      <>
+                        <GanttChart size={12} /> All events
+                      </>
                     )}
                   </button>
                 </Dropdown>
                 <button
                   onClick={() => {
-                    handleMore(event)("createFilter");
+                    handleMore(event)('createFilter');
                   }}
                   className="flex items-center gap-1 rounded-md border border-border p-1 px-2 font-medium leading-none text-xs"
                 >
@@ -111,14 +115,14 @@ export function ReportEvents() {
         })}
 
         <Combobox
-          value={""}
+          value={''}
           onChange={(value) => {
             dispatch(
               addEvent({
                 name: value,
-                segment: "event",
+                segment: 'event',
                 filters: [],
-              }),
+              })
             );
           }}
           items={eventsCombobox}