From e40f07211f5f15dcb138e2520a76d13afd3c0cfd Mon Sep 17 00:00:00 2001 From: FifthWit Date: Thu, 30 Jan 2025 10:44:30 -0600 Subject: formatted with prettier --- frontend/src/hooks/UseConfirm.tsx | 61 +++++++++++++++++++---------------- frontend/src/hooks/UseMessage.tsx | 60 ++++++++++++++++++---------------- frontend/src/hooks/UseMessageLoad.tsx | 55 +++++++++++++++++-------------- 3 files changed, 97 insertions(+), 79 deletions(-) (limited to 'frontend/src/hooks') diff --git a/frontend/src/hooks/UseConfirm.tsx b/frontend/src/hooks/UseConfirm.tsx index e86d70d..7b4bffa 100644 --- a/frontend/src/hooks/UseConfirm.tsx +++ b/frontend/src/hooks/UseConfirm.tsx @@ -2,39 +2,46 @@ import React, { useState } from 'react'; import ConfirmDialog from '@components/ConfirmDialog'; const useConfirm = () => { - const [isOpen, setIsOpen] = useState(false); - const [title, setTitle] = useState(""); - const [subtitle, setSubtitle] = useState(""); - const [resolvePromise, setResolvePromise] = useState<((value: boolean) => void) | null>(null); + const [isOpen, setIsOpen] = useState(false); + const [title, setTitle] = useState(''); + const [subtitle, setSubtitle] = useState(''); + const [resolvePromise, setResolvePromise] = useState< + ((value: boolean) => void) | null + >(null); - const confirm = ( titleN: string, subtitleN: string ) => { - setIsOpen(true); - setTitle(titleN); - setSubtitle(subtitleN); - return new Promise((resolve) => { - setResolvePromise(() => resolve); - }); - }; + const confirm = (titleN: string, subtitleN: string) => { + setIsOpen(true); + setTitle(titleN); + setSubtitle(subtitleN); + return new Promise(resolve => { + setResolvePromise(() => resolve); + }); + }; - const handleConfirm = () => { - setIsOpen(false); - if (resolvePromise) { - resolvePromise(true); - } + const handleConfirm = () => { + setIsOpen(false); + if (resolvePromise) { + resolvePromise(true); } + }; - const handleCancel = () => { - setIsOpen(false); - if (resolvePromise) { - resolvePromise(false); - } + const handleCancel = () => { + setIsOpen(false); + if (resolvePromise) { + resolvePromise(false); } + }; - const ConfirmDialogComponent = isOpen && ( - - ); + const ConfirmDialogComponent = isOpen && ( + + ); - return { confirm, ConfirmDialogComponent }; -} + return { confirm, ConfirmDialogComponent }; +}; export default useConfirm; diff --git a/frontend/src/hooks/UseMessage.tsx b/frontend/src/hooks/UseMessage.tsx index 97ec746..e0afa59 100644 --- a/frontend/src/hooks/UseMessage.tsx +++ b/frontend/src/hooks/UseMessage.tsx @@ -1,37 +1,43 @@ import React, { useState } from 'react'; -import MessageDialog from "@components/MessageDialog"; +import MessageDialog from '@components/MessageDialog'; const useMessage = () => { - const [isOpen, setIsOpen] = useState(false); + const [isOpen, setIsOpen] = useState(false); - const [title, setTitle] = useState(""); - const [subtitle, setSubtitle] = useState(""); - const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null); + const [title, setTitle] = useState(''); + const [subtitle, setSubtitle] = useState(''); + const [resolvePromise, setResolvePromise] = useState<(() => void) | null>( + null + ); - const message = (title: string, subtitle: string) => { - setIsOpen(true); - setTitle(title); - setSubtitle(subtitle); - return new Promise((resolve) => { - setResolvePromise(() => resolve); - }); - }; + const message = (title: string, subtitle: string) => { + setIsOpen(true); + setTitle(title); + setSubtitle(subtitle); + return new Promise(resolve => { + setResolvePromise(() => resolve); + }); + }; - const handleClose = () => { - setIsOpen(false); - if (resolvePromise) { - resolvePromise(); - setResolvePromise(null); - } - }; + const handleClose = () => { + setIsOpen(false); + if (resolvePromise) { + resolvePromise(); + setResolvePromise(null); + } + }; - const MessageDialogComponent = isOpen && ( -
- -
- ); + const MessageDialogComponent = isOpen && ( +
+ +
+ ); - return { message, MessageDialogComponent }; -} + return { message, MessageDialogComponent }; +}; export default useMessage; diff --git a/frontend/src/hooks/UseMessageLoad.tsx b/frontend/src/hooks/UseMessageLoad.tsx index 228c2b4..ea0b5d8 100644 --- a/frontend/src/hooks/UseMessageLoad.tsx +++ b/frontend/src/hooks/UseMessageLoad.tsx @@ -1,35 +1,40 @@ import React, { useState } from 'react'; -import MessageDialogLoad from "@components/MessageDialogLoad"; +import MessageDialogLoad from '@components/MessageDialogLoad'; const useMessageLoad = () => { - const [isOpen, setIsOpen] = useState(false); + const [isOpen, setIsOpen] = useState(false); - const [title, setTitle] = useState(""); - const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null); + const [title, setTitle] = useState(''); + const [resolvePromise, setResolvePromise] = useState<(() => void) | null>( + null + ); - const messageLoad = (title: string) => { - setIsOpen(true); - setTitle(title); - return new Promise((resolve) => { - setResolvePromise(() => resolve); - }); - }; + const messageLoad = (title: string) => { + setIsOpen(true); + setTitle(title); + return new Promise(resolve => { + setResolvePromise(() => resolve); + }); + }; - const messageLoadClose = () => { - setIsOpen(false); - if (resolvePromise) { - resolvePromise(); - setResolvePromise(null); - } - }; + const messageLoadClose = () => { + setIsOpen(false); + if (resolvePromise) { + resolvePromise(); + setResolvePromise(null); + } + }; - const MessageDialogLoadComponent = isOpen && ( -
- -
- ); + const MessageDialogLoadComponent = isOpen && ( +
+ +
+ ); - return { messageLoad, messageLoadClose, MessageDialogLoadComponent }; -} + return { messageLoad, messageLoadClose, MessageDialogLoadComponent }; +}; export default useMessageLoad; -- cgit v1.2.3