Fixing bugs and linting errors

Author: derwebcoder

e2e/tests/auth.test.ts

@@ -15,14 +15,14 @@ test.describe("Auth", () => {
 		await authPage.enterPassword(process.env.NOT_SO_SECRET_SECRET ?? "");
 		await authPage.submit();
 
-		await expect(await authPage.hasLocalStorageSecret()).toBe(true);
+		expect(await authPage.hasLocalStorageSecret()).toBe(true);
 	});
 
 	test("shows error for wrong secret", async ({ authPage }) => {
 		await authPage.enterPassword("wrong-secret");
 		await authPage.submit();
 
-		await expect(await authPage.getErrorMessage()).toBe(
+		expect(await authPage.getErrorMessage()).toBe(
 			"😢 Sadly that is not correct.",
 		);
 	});

playwright.config.ts

@@ -5,7 +5,6 @@ import { defineConfig, devices } from "@playwright/test";
  * https://github.com/motdotla/dotenv
  */
 import dotenv from "dotenv";
-import path from "node:path";
 dotenv.config({ path: ".env" });
 
 /**

src/common/components/Input/Input.test.tsx

@@ -14,7 +14,7 @@ const Wrapper = ({
 	return (
 		<form
 			onSubmit={RHFHandleSubmit(
-				handleSubmit || ((data, e) => e?.preventDefault()),
+				handleSubmit || ((_data, e) => e?.preventDefault()),
 			)}
 		>
 			<Input
@@ -37,7 +37,7 @@ describe("Input", () => {
 
 	it("should submit the correct data", async () => {
 		const user = userEvent.setup();
-		const handleSubmit = vitest.fn((data, e) => e.preventDefault());
+		const handleSubmit = vitest.fn((_data, e) => e.preventDefault());
 		render(<Wrapper handleSubmit={handleSubmit} />);
 
 		const input = screen.getByLabelText("Password");

src/common/components/TextInput/TagList/TagList.tsx

@@ -4,7 +4,6 @@ import type {
 	SuggestionProps,
 } from "@tiptap/suggestion";
 import { forwardRef, useEffect, useImperativeHandle, useState } from "react";
-import type { Tag } from "../../../../interfaces/Tag";
 
 export const NEW_TAG_PREFIX = 'New tag "';
 export const getNewTagPhrase = (tag: string) =>

src/common/components/TextInput/TextInput.config.tsx

@@ -1,5 +1,8 @@
 import ListKeymap from "@tiptap/extension-list-keymap";
 import Placeholder from "@tiptap/extension-placeholder";
+import Document from "@tiptap/extension-document";
+import Text from "@tiptap/extension-text";
+import Paragraph from "@tiptap/extension-paragraph";
 import Mention from "@tiptap/extension-mention";
 import StarterKit from "@tiptap/starter-kit";
 
@@ -10,6 +13,9 @@ import { stringToHue } from "../../../scripts/utils/stringUtils";
 import { tagService } from "../../../scripts/db/TagService";
 
 export const extensions = [
+	// Document,
+	// Text,
+	// Paragraph,
 	StarterKit.configure({
 		// for now disabling this as it's interfering with the "#" logic of the Mention
 		// plugin when a user types "#" at the beginning of a line and presses enter.

src/common/components/TextInput/TextInput.tsx

@@ -20,7 +20,7 @@ export const TextInput = (props: TextInputProps) => {
 				role: "textbox",
 				class: "p-4 min-h-full block w-full bg-white border border-blue-300 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600",
 			},
-			handleKeyDown: (view, event) => {
+			handleKeyDown: (_view, event) => {
 				if (!onSubmit) {
 					return false;
 				}

src/container/SparkInput/SparkInput.tsx

@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useState } from "react";
 import { sparkService } from "../../scripts/db/SparkService";
 import { TextInput } from "../../common/components/TextInput/TextInput";
 import { ArrowRightStartOnBox } from "../../assets/icons/ArrowRightStartOnBox";

src/scripts/db/SparkService.ts

@@ -7,7 +7,6 @@ import {
 } from "../../interfaces/Spark";
 import { extractTags, stringToHue } from "../utils/stringUtils";
 import { tagService } from "./TagService";
-import type { InsertType } from "dexie";
 
 export class SparkService {
 	constructor(private db: AppDB) {}
@@ -69,7 +68,7 @@ export class SparkService {
 
 	public async CAREFUL_deleteAndImportSparks(sparks: PlainSpark[]) {
 		await this.CAREFUL_deleteAllData();
-		await sparks.map((spark) => {
+		sparks.map((spark) => {
 			this.db.sparks.add(spark);
 		});
 	}

src/scripts/db/TagService.ts

@@ -1,5 +1,4 @@
-import type { InsertType } from "dexie";
-import type { PlainTag, Tag } from "../../interfaces/Tag";
+import type { PlainTag } from "../../interfaces/Tag";
 import { stringToHue, toLowerCase } from "../utils/stringUtils";
 import type AppDB from "./AppDB";
 import { db } from "./AppDB";
@@ -49,7 +48,7 @@ export class TagService {
 
 	public async CAREFUL_deleteAndImportTags(tags: PlainTag[]) {
 		await this.CAREFUL_deleteAllData();
-		await tags.map((tag) => {
+		tags.map((tag) => {
 			this.db.tags.add(tag);
 		});
 	}

src/scripts/files/backupJSONWorker.ts

@@ -1,4 +1,4 @@
-import type { Backup, BackupV6 } from "../../interfaces/Backup";
+import type { BackupV6 } from "../../interfaces/Backup";
 import { sparkService } from "../db/SparkService";
 import { tagService } from "../db/TagService";