diff --git a/src/components/DP2Form.tsx b/src/components/DP2Form.tsx index 41d8fd3..012b8fb 100644 --- a/src/components/DP2Form.tsx +++ b/src/components/DP2Form.tsx @@ -1,6 +1,6 @@ 'use client'; -import { useState } from 'react'; +import { useState, useEffect } from 'react'; import { useForm } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import { z } from 'zod'; @@ -42,7 +42,8 @@ type FormData = z.infer; export function DP2Form() { const [activeCategory, setActiveCategory] = useState(null); - const { result, isLoading, calculatePunishment, copyToClipboard } = useDP2Calculator(); + const [isDarkMode, setIsDarkMode] = useState(false); + const { result, isLoading, calculatePunishment, copyToClipboard, clearResult } = useDP2Calculator(); const form = useForm({ resolver: zodResolver(FormSchema), @@ -95,10 +96,12 @@ export function DP2Form() { const selectedCrime = CRIMES.find(c => c.id === form.watch('crimeId')); - const filteredCrimes = CRIMES.filter(crime => + const filteredCrimes = CRIMES.filter(crime => activeCategory ? crime.category === activeCategory : true ); + + return (
@@ -107,7 +110,15 @@ export function DP2Form() { dp2 moderation assistant calculate punishments and generate commands based on dp2 guidelines
-