Fix all eslint problems

Author: max-programming

src/client.tsx

@@ -1,9 +1,9 @@
 import { StartClient } from "@tanstack/react-start";
 import { StrictMode } from "react";
 import { hydrateRoot } from "react-dom/client";
+import * as Sentry from "@sentry/tanstackstart-react";
 import { createRouter } from "./router";
 
-import * as Sentry from "@sentry/tanstackstart-react";
 
 const router = createRouter();
 

src/components/footer.tsx

@@ -1,4 +1,4 @@
-import { Github, ExternalLink, Heart } from "lucide-react";
+import { ExternalLink, Github, Heart } from "lucide-react";
 
 export function Footer() {
   return (

src/components/landing/landing-hero.tsx

@@ -1,4 +1,4 @@
-import { Shield, Clock, Lock, Flame } from "lucide-react";
+import { Clock, Flame, Lock, Shield } from "lucide-react";
 import { Card, CardContent } from "~/components/ui/card";
 
 export function LandingHero() {

src/components/landing/landing-process-flow.tsx

@@ -1,4 +1,4 @@
-import { Edit3, Shield, Link2, Eye, Clock, Zap } from "lucide-react";
+import { Clock, Edit3, Eye, Link2, Shield, Zap } from "lucide-react";
 import { Card, CardContent, CardHeader, CardTitle } from "~/components/ui/card";
 
 export function LandingProcessFlow() {

src/components/landing/landing-secret-form.tsx

@@ -1,20 +1,20 @@
 import { useState } from "react";
 import {
+  AlertTriangle,
+  CheckCircle,
+  Copy,
+  Eye,
   Shield,
   Zap,
-  Eye,
-  Copy,
-  CheckCircle,
-  AlertTriangle,
 } from "lucide-react";
 import { Button } from "~/components/ui/button";
 import { Textarea } from "~/components/ui/textarea";
 import {
   Dialog,
   DialogContent,
+  DialogDescription,
   DialogHeader,
   DialogTitle,
-  DialogDescription,
 } from "~/components/ui/dialog";
 import {
   AlertDialog,
@@ -34,11 +34,11 @@ import {
 } from "~/components/ui/tooltip";
 import {
   Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
   CardContent,
+  CardDescription,
   CardFooter,
+  CardHeader,
+  CardTitle,
 } from "~/components/ui/card";
 import { useNewWhim } from "~/hooks/use-new-whim";
 

src/components/theme-toggle.tsx

@@ -1,8 +1,9 @@
-import { Button } from "./ui/button";
 import { Moon, Sun } from "lucide-react";
 import { useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { Button } from "./ui/button";
+import type { Theme } from "~/server/theme";
 import { themeQuery } from "~/lib/queries";
-import { setThemeServerFn, type Theme } from "~/server/theme";
+import { setThemeServerFn } from "~/server/theme";
 
 export function ThemeToggle() {
   const queryClient = useQueryClient();

src/components/ui/button.tsx

@@ -1,6 +1,7 @@
 import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import {  cva } from "class-variance-authority"
+import type {VariantProps} from "class-variance-authority";
 
 import { cn } from "~/lib/utils"
 

src/components/ui/input-otp.tsx

@@ -1,15 +1,15 @@
-import * as React from "react"
-import { OTPInput, OTPInputContext } from "input-otp"
-import { MinusIcon } from "lucide-react"
+import * as React from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { MinusIcon } from "lucide-react";
 
-import { cn } from "~/lib/utils"
+import { cn } from "~/lib/utils";
 
 function InputOTP({
   className,
   containerClassName,
   ...props
 }: React.ComponentProps<typeof OTPInput> & {
-  containerClassName?: string
+  containerClassName?: string;
 }) {
   return (
     <OTPInput
@@ -21,7 +21,7 @@ function InputOTP({
       className={cn("disabled:cursor-not-allowed", className)}
       {...props}
     />
-  )
+  );
 }
 
 function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">) {
@@ -31,18 +31,18 @@ function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("flex items-center", className)}
       {...props}
     />
-  )
+  );
 }
 
 function InputOTPSlot({
   index,
   className,
   ...props
 }: React.ComponentProps<"div"> & {
-  index: number
+  index: number;
 }) {
-  const inputOTPContext = React.useContext(OTPInputContext)
-  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] ?? {};
 
   return (
     <div
@@ -61,15 +61,15 @@ function InputOTPSlot({
         </div>
       )}
     </div>
-  )
+  );
 }
 
 function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
   return (
     <div data-slot="input-otp-separator" role="separator" {...props}>
       <MinusIcon />
     </div>
-  )
+  );
 }
 
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };

src/hooks/use-get-whim.ts

@@ -6,12 +6,12 @@ import { decryptWhim } from "~/lib/crypto-utils";
 
 export function useGetWhim(id: string, otp: string) {
   return useQuery({
-    queryKey: ["whim", id],
-    async queryFn({ queryKey: [, id] }) {
+    queryKey: ["whim", id] as const,
+    async queryFn({ queryKey: [, whimId] }) {
       let encryptedWhim;
 
       try {
-        encryptedWhim = await getWhim({ data: { id } });
+        encryptedWhim = await getWhim({ data: { id: whimId } });
       } catch (error) {
         if (
           error instanceof Error &&
@@ -33,7 +33,7 @@ export function useGetWhim(id: string, otp: string) {
         );
 
         try {
-          await deleteWhim({ data: { id } });
+          await deleteWhim({ data: { id: whimId } });
           return { message: decryptedMessage, deletionFailed: false };
         } catch (deleteError) {
           console.error("Failed to delete whim:", deleteError);
@@ -47,7 +47,7 @@ export function useGetWhim(id: string, otp: string) {
       } catch (decryptError) {
         if (isDecryptionError(decryptError)) {
           try {
-            await incrementFailedAttempts({ data: { id } });
+            await incrementFailedAttempts({ data: { id: whimId } });
           } catch (incrementError) {
             console.error(
               "Failed to increment failed attempts:",

src/lib/db/schema.ts

@@ -1,7 +1,6 @@
 import { sql } from "drizzle-orm";
 import { check, sqliteTable } from "drizzle-orm/sqlite-core";
 
-export type Whim = typeof whims.$inferSelect;
 export const whims = sqliteTable("whims", t => ({
   id: t.text().primaryKey(),
   encryptedMessage: t.blob({ mode: "buffer" }).notNull(),
@@ -34,3 +33,7 @@ export const stats = sqliteTable(
   }),
   table => [check("single_row_check", sql`${table.id} = 1`)]
 );
+
+export type Attempts = typeof attempts.$inferSelect;
+export type Stats = typeof stats.$inferSelect;
+export type Whim = typeof whims.$inferSelect;