From 7821f7fb2f5f10351ecf210edccbced1595ced4b Mon Sep 17 00:00:00 2001 From: martylukyy <35452459+martylukyy@users.noreply.github.com> Date: Tue, 18 Jun 2024 14:51:04 +0200 Subject: [PATCH] refactor(web): headlessui v2 (#1570) * refactor(web): fix build errors, SlideOver panels and forms * refactor(web): fix build errors * refactor(web): fix filter importer * refactor(web): fix modals * chore(web): bump pnpm * refactor(web): pending component * refactor(web): Dialog.Title to DialogTitle --- web/index.html | 2 +- web/package.json | 2 +- web/src/components/modals/index.tsx | 56 +++++------------ web/src/components/panels/index.tsx | 18 +++--- web/src/components/tooltips/Tooltip.tsx | 5 +- web/src/forms/filters/FilterAddForm.tsx | 20 +++--- web/src/forms/settings/APIKeyAddForm.tsx | 21 +++---- .../forms/settings/DownloadClientForms.tsx | 54 ++++++++-------- web/src/forms/settings/IndexerForms.tsx | 31 +++++----- web/src/forms/settings/IrcForms.tsx | 8 +-- web/src/forms/settings/NotificationForms.tsx | 61 ++++++++++++------- web/src/routes.tsx | 9 +-- web/src/screens/filters/Importer.tsx | 32 +++------- 13 files changed, 139 insertions(+), 180 deletions(-) diff --git a/web/index.html b/web/index.html index ee26cf8..9a9f42d 100644 --- a/web/index.html +++ b/web/index.html @@ -52,7 +52,7 @@ -
+
diff --git a/web/package.json b/web/package.json index 77fbb5a..e3d5387 100644 --- a/web/package.json +++ b/web/package.json @@ -4,7 +4,7 @@ "type": "module", "private": true, "homepage": ".", - "packageManager": "pnpm@9.0.2", + "packageManager": "pnpm@9.1.4", "scripts": { "dev": "vite", "build": "tsc && vite build", diff --git a/web/src/components/modals/index.tsx b/web/src/components/modals/index.tsx index f92d456..b8dba1d 100644 --- a/web/src/components/modals/index.tsx +++ b/web/src/components/modals/index.tsx @@ -5,7 +5,7 @@ import { FC, Fragment, MutableRefObject, useState } from "react"; -import { Dialog, Transition } from "@headlessui/react"; +import { Dialog, DialogPanel, DialogTitle, Transition, TransitionChild } from "@headlessui/react"; import { ExclamationTriangleIcon } from "@heroicons/react/24/solid"; import { RingResizeSpinner } from "@components/Icons"; @@ -42,9 +42,9 @@ const ModalUpper = ({ title, text }: ModalUpperProps) => (