- setAddress(v.value)} />
+
+
+
+ {
+ address[0] = v.value;
+ setAddress([...address]);
+ }}
+ maxLength={50}
+ minLength={10}
+ />
+
+
+
+
+ {
+ address[1] = v.value;
+ setAddress([...address]);
+ }}
+ maxLength={20}
+ minLength={2}
+ />
-
+
+
+ {
+ address[2] = v.value;
+ setAddress([...address]);
+ }}
+ maxLength={20}
+ minLength={2}
+ />
+
+
+
+
+
+ {
+ address[3] = v.value;
+ setAddress([...address]);
+ }}
+ maxLength={10}
+ minLength={2}
+ />
+
+
+
+ {
+ address[4] = v.value;
+ setAddress([...address]);
+ }}
+ maxLength={10}
+ minLength={2}
+ />
+
+
@@ -178,7 +255,7 @@ export function Setting({ Open, Toggle, New }: ISetting) {
EMail: auth.user?.profile.email,
Surname: surname,
Forename: forename,
- Address: address,
+ Address: address.join("; "),
Phone: phone
})}>
Submit
diff --git a/src/Components/ShopCart/Confirm.tsx b/src/Components/ShopCart/Confirm.tsx
index 38dccfe..e72f5d8 100644
--- a/src/Components/ShopCart/Confirm.tsx
+++ b/src/Components/ShopCart/Confirm.tsx
@@ -4,7 +4,7 @@ import { useConst } from "@fluentui/react-hooks";
import { DismissRegular } from "@fluentui/react-icons";
import { CheckmarkFilled } from "@fluentui/react-icons/lib/fonts";
import { useBoolean } from "ahooks";
-import { useState } from "react";
+import { useId, useState } from "react";
import { Logger } from "~/Helpers/Logger";
import { ColFlex, Flex } from "~/Helpers/Styles";
import { useErrorToast } from "~/Helpers/useToast";
@@ -41,7 +41,7 @@ const log = new Logger("TopNavBar", "ShopCart", "Confirm");
/**
* @author Aloento
* @since 0.1.0
- * @version 0.5.0
+ * @version 0.6.0
*/
export function Confirm() {
const [cmt, setCmt] = useState();
@@ -51,7 +51,8 @@ export function Confirm() {
const { Nav } = useRouter();
const style = useStyles();
- const { dispatch, dispatchToast } = useErrorToast(log);
+ const { dispatch, dispatchToast, dismissToast } = useErrorToast(log);
+ const toastId = useId();
const { run } = Hub.Order.Post.useNew({
manual: true,
@@ -66,7 +67,16 @@ export function Confirm() {
dispatchToast(
-
+ }
+ onClick={() => dismissToast(toastId)}
+ />
+ }
+ className={style.title}
+ >
} />
Thank You!
@@ -83,6 +93,8 @@ export function Confirm() {
,
{
+ toastId,
+ timeout: 5000,
onStatusChange(_, toast) {
if (toast.status === "unmounted")
Nav("History", data);
diff --git a/src/Helpers/useToast.tsx b/src/Helpers/useToast.tsx
index edff316..f4ac19f 100644
--- a/src/Helpers/useToast.tsx
+++ b/src/Helpers/useToast.tsx
@@ -25,11 +25,12 @@ interface Cause {
/**
* @author Aloento
* @since 0.5.0
- * @version 0.2.3
+ * @version 0.3.0
*/
export function useErrorToast(log: Logger) {
const style = useStyles();
- const { dispatchToast } = useToastController();
+ const controller = useToastController();
+ const { dispatchToast } = controller;
return {
dispatch: (e: Cause) => {
@@ -63,6 +64,6 @@ export function useErrorToast(log: Logger) {
log.error(e);
},
- dispatchToast
+ ...controller
};
}
diff --git a/src/index.tsx b/src/index.tsx
index 2735b81..9655c28 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -37,7 +37,7 @@ theme.fontFamilyMonospace = `TeleNeoWeb, ${theme.fontFamilyMonospace}`;
theme.fontFamilyNumeric = `TeleNeoWeb, ${theme.fontFamilyNumeric}`;
const log = new Logger("LoveOTC");
-log.info("Version: 1.4.0 2024/03/03");
+log.info("Version: 1.4.5 2024/03/05");
log.debug("T-Systems, EcoSystem Squad, Aloento");
/**