fix: lint errors

Author: HideBa

package.json

@@ -6,9 +6,9 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
-    "lint": "biome check --write src",
+    "lint": "biome check src",
     "lint:fix": "biome check --write src ",
-    "format": "biome format --write \"src/**/*.{ts,tsx,css,md}\"",
+    "format": "biome format --write src",
     "preview": "vite preview"
   },
   "dependencies": {

src/api/fcb/query.ts

@@ -1,4 +1,4 @@
-import init, {
+import {
 	type AsyncFeatureIter,
 	HttpFcbReader,
 	WasmAttrQuery,

src/api/fcb/types.ts

@@ -24,10 +24,11 @@ export interface CjInfo {
 	};
 }
 
+export const validOperators = ["Gt", "Ge", "Eq", "Lt", "Le"] as const;
 // Types for attribute conditions
 export interface Condition {
 	attribute: string;
-	operator: "Gt" | "Ge" | "Eq" | "Lt" | "Le";
+	operator: (typeof validOperators)[number];
 	value: string | number;
 }
 

src/components/ui/label.tsx

@@ -5,6 +5,7 @@ const Label = React.forwardRef<
 	HTMLLabelElement,
 	React.LabelHTMLAttributes<HTMLLabelElement>
 >(({ className, ...props }, ref) => (
+	// biome-ignore lint/a11y/noLabelWithoutControl: <explanation> TODO refactor this components
 	<label
 		ref={ref}
 		className={cn(

src/feature/attribute/hooks.ts

@@ -1,4 +1,7 @@
-import type { Condition as ConditionType } from "@/api/fcb";
+import {
+	type Condition as ConditionType,
+	validOperators,
+} from "@/api/fcb/types";
 import { attributeConditionsAtom } from "@/store";
 import { useAtom } from "jotai";
 
@@ -11,7 +14,6 @@ type Props = {
 export const useAttributeConditionForm = ({
 	handleFetchFcbWithAttributeConditions,
 }: Props) => {
-	// Use Jotai atom instead of local state
 	const [conditions, setConditions] = useAtom(attributeConditionsAtom);
 
 	const updateCondition = (
@@ -27,7 +29,11 @@ export const useAttributeConditionForm = ({
 				newConditions[index][key] = Number.isNaN(num) ? value : num;
 			} else if (key === "operator") {
 				// Ensure the operator is one of the valid types
-				newConditions[index][key] = value as Condition["operator"];
+				if (validOperators.includes(value as Condition["operator"])) {
+					newConditions[index][key] = value as Condition["operator"];
+				} else {
+					return prev;
+				}
 			} else {
 				// For attribute field
 				newConditions[index][key] = value;

src/main.tsx

@@ -3,8 +3,13 @@ import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App.tsx";
 
-createRoot(document.getElementById("root")!).render(
-	<StrictMode>
-		<App />
-	</StrictMode>,
-);
+const rootElement = document.getElementById("root");
+if (rootElement) {
+	createRoot(rootElement).render(
+		<StrictMode>
+			<App />
+		</StrictMode>,
+	);
+} else {
+	console.error("Root element not found");
+}