Style changes and ts

mikumino · Nov 25, 2023 · d49f960 · d49f960
1 parent e811db2
commit d49f960
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
@@ -2,10 +2,12 @@ import { useRef, useEffect } from 'react';
 import { IoIosSettings } from "react-icons/io";
 
 const Settings = () => {
-    const settingsRef = useRef(null);
+    const settingsRef = useRef<HTMLDialogElement | null>(null);
 
     const handleOpen = () => {
-        (settingsRef.current).showModal();
+        if (settingsRef.current) {
+            settingsRef.current.showModal();
+        }
     }
 
     return (
@@ -16,7 +18,7 @@ const Settings = () => {
             <dialog id="settings" ref={settingsRef} className="modal outline-none" >
                 <div className="modal-box">
                     <h1 className="text-3xl font-bold mb-4">Settings</h1>
-                    <h2 className="text-xl font-bold mb-2">Flowtime</h2>
+                    <h2 className="font-bold mb-2">Flowtime</h2>
                     <h3>Break Time Multiplier</h3>
                     <p className="text-xs mb-2">The number multiplied against focus time to get break time (Default: 0.2)</p>
                     <input type="number" className="input input-bordered w-full mb-4" />