Feat/remove reset

frontend/src/components/Tooltip.tsx

@@ -1,5 +1,5 @@
-import {IconDefinition} from "@fortawesome/free-solid-svg-icons";
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export function IconButton({
     icon,

frontend/src/components/Welcome.test.tsx

@@ -1,28 +1,27 @@
-import { render, screen } from "@testing-library/react"
-import { describe, expect,it } from "vitest"
-import { vi } from "vitest"
-
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { vi } from "vitest";
 
 vi.mock("../../wailsjs/go/dispatcher/Service", () => ({
-    Dispatch: vi.fn().mockResolvedValue(undefined)
+    Dispatch: vi.fn().mockResolvedValue(undefined),
 }));
 
-import userEvent from "@testing-library/user-event"
+import userEvent from "@testing-library/user-event";
 
-import {Dispatch} from "../../wailsjs/go/dispatcher/Service";
-import {Command} from "../App";
-import Welcome from "./Welcome"
+import { Dispatch } from "../../wailsjs/go/dispatcher/Service";
+import { Command } from "../App";
+import Welcome from "./Welcome";
 
 describe("Welcome", () => {
     it("renders the Create New Split File button", async () => {
-        render(<Welcome />)
+        render(<Welcome />);
 
         const button = screen.getByRole("button", {
-            name: /create new split file/i
-        })
+            name: /create new split file/i,
+        });
 
-        expect(button).toBeInTheDocument()
-        await userEvent.click(button)
-        expect(Dispatch).toHaveBeenCalledExactlyOnceWith(Command.NEW, null)
-    })
-})
+        expect(button).toBeInTheDocument();
+        await userEvent.click(button);
+        expect(Dispatch).toHaveBeenCalledExactlyOnceWith(Command.NEW, null);
+    });
+});

frontend/src/components/Welcome.tsx

@@ -41,16 +41,6 @@ export default function Welcome() {
                 Exit OpenSplit
             </button>
 
-            <button
-                style={{ marginTop: 30 }}
-                onClick={async () => {
-                    localStorage.clear();
-                    await Dispatch(Command.RESET, null);
-                }}
-            >
-                <small>Reset All Preferences</small>
-            </button>
-
             <div id="cw">
                 <p>Copyright ZellyDev LLC - ZellyDev Games {new Date().getFullYear()}</p>
             </div>

frontend/src/components/editor/SplitEditor.tsx

@@ -13,9 +13,9 @@ import { WindowCenter, WindowSetSize } from "../../../wailsjs/runtime";
 import { Command } from "../../App";
 import SegmentPayload from "../../models/segmentPayload";
 import SplitFilePayload from "../../models/splitFilePayload";
-import {TimeRow} from "./TimeRow";
-import {colorFromId, GroupCtx} from "./hashColor";
-import {IconButton} from "../Tooltip";
+import { IconButton } from "../Tooltip";
+import { colorFromId, GroupCtx } from "./hashColor";
+import { TimeRow } from "./TimeRow";
 
 type SplitEditorParams = {
     splitFilePayload: SplitFilePayload | null;
@@ -290,7 +290,7 @@ export default function SplitEditor({ splitFilePayload }: SplitEditorParams) {
             const nextInheritedGroup = ownGroup ?? null;
             const nextIsDirectChild = !!ownGroup;
 
-            const frag =  (
+            const frag = (
                 <React.Fragment key={segment.id}>
                     <tr className={rowClassName} style={rowStyle}>
                         <td>
@@ -328,20 +328,10 @@ export default function SplitEditor({ splitFilePayload }: SplitEditorParams) {
                         </td>
 
                         <td>
-                            {!hasChildren && (
-                                <TimeRow
-                                    time={segment.average ? segment.average + totalAvg : null}
-                                />
-                            )}
+                            {!hasChildren && <TimeRow time={segment.average ? segment.average + totalAvg : null} />}
                         </td>
 
-                        <td>
-                            {!hasChildren && (
-                                <TimeRow
-                                    time={segment.pb ? segment.pb + totalBest : null}
-                                />
-                            )}
-                        </td>
+                        <td>{!hasChildren && <TimeRow time={segment.pb ? segment.pb + totalBest : null} />}</td>
 
                         <td>
                             <IconButton icon={faFolder} tooltip="Add subsegment" onClick={() => addSegment(segment)} />
@@ -362,7 +352,7 @@ export default function SplitEditor({ splitFilePayload }: SplitEditorParams) {
             );
 
             if (!hasChildren) {
-                totalAvg += segment.average
+                totalAvg += segment.average;
                 totalBest += segment.pb;
             }
             return frag;

frontend/src/components/editor/TimeRow.tsx

@@ -1,5 +1,6 @@
-import {msToParts, numeric, partsToMS, TimeParts} from "../splitter/Timer";
-import {forwardRef, RefObject, useImperativeHandle, useRef} from "react";
+import { forwardRef, RefObject, useImperativeHandle, useRef } from "react";
+
+import { msToParts, partsToMS } from "../splitter/Timer";
 
 type timeRowParams = {
     time: number | null;
@@ -9,12 +10,11 @@ type Handle = {
     getMillis(): number;
 };
 
-export const TimeRow = forwardRef<Handle, timeRowParams>(
-    (props, ref) => {
-    const hourRef: RefObject<HTMLInputElement | null> = useRef(null)
-    const minuteRef: RefObject<HTMLInputElement | null> = useRef(null)
-    const secondRef: RefObject<HTMLInputElement | null> = useRef(null)
-    const centiRef: RefObject<HTMLInputElement | null> = useRef(null)
+export const TimeRow = forwardRef<Handle, timeRowParams>((props, ref) => {
+    const hourRef: RefObject<HTMLInputElement | null> = useRef(null);
+    const minuteRef: RefObject<HTMLInputElement | null> = useRef(null);
+    const secondRef: RefObject<HTMLInputElement | null> = useRef(null);
+    const centiRef: RefObject<HTMLInputElement | null> = useRef(null);
 
     useImperativeHandle(ref, () => ({
         getMillis: () => {
@@ -24,17 +24,13 @@ export const TimeRow = forwardRef<Handle, timeRowParams>(
                 minutes: parseInt(minuteRef.current?.value ?? "0", 10),
                 seconds: parseInt(secondRef.current?.value ?? "0", 10),
                 centis: parseInt(centiRef.current?.value ?? "0", 10),
-            })
-        }
-     }))
+            });
+        },
+    }));
 
     return (
         <div className="segment-time">
-            <input
-                ref={hourRef}
-                placeholder="H"
-                defaultValue={props.time != null ? msToParts(props.time).hours : ""}
-            />
+            <input ref={hourRef} placeholder="H" defaultValue={props.time != null ? msToParts(props.time).hours : ""} />
             <span>:</span>
             <input
                 ref={minuteRef}

frontend/src/components/splitter/SegmentList.tsx

@@ -345,7 +345,7 @@ export default function SegmentList({ sessionPayload, comparison }: SplitListPar
                 ) : null;
 
                 const lastLeafId = lastLeafByParentId.get(segmentData.Segment.id) ?? null;
-                const lastLeafSplit = lastLeafId ? sessionPayload.current_run?.splits[lastLeafId] ?? null : null;
+                const lastLeafSplit = lastLeafId ? (sessionPayload.current_run?.splits[lastLeafId] ?? null) : null;
 
                 // Comparison time (cumulative display) pulled from last leaf
                 let parentComparison: JSX.Element | null = null;

frontend/src/test/setupTests.ts

@@ -1,11 +1,11 @@
-import "@testing-library/jest-dom"
+import "@testing-library/jest-dom";
 
-import { vi } from "vitest"
+import { vi } from "vitest";
 
 vi.mock("../../wailsjs/runtime/runtime", () => ({
     EventsOn: vi.fn(),
     EventsOff: vi.fn(),
     EventsEmit: vi.fn(),
     WindowSetTitle: vi.fn(),
     WindowSetSize: vi.fn(),
-}))
+}));

frontend/vite.config.js

@@ -7,6 +7,6 @@ export default defineConfig({
     test: {
         environment: "jsdom",
         setupFiles: "./src/test/setupTests.ts",
-        globals: true
-    }
+        globals: true,
+    },
 });