diff --git a/src/constants/values.ts b/src/constants/values.ts index 4dbd6b0..93d31f2 100644 --- a/src/constants/values.ts +++ b/src/constants/values.ts @@ -7,6 +7,7 @@ export const URL_REGEX = export const DEFAULT_ALIAS_NOTE: AliasNote = { version: "1.0", data: { + createdAt: null, personalNotes: "", websites: [], }, diff --git a/src/route-widgets/AliasDetailRoute/AliasNotesForm.tsx b/src/route-widgets/AliasDetailRoute/AliasNotesForm.tsx index 6abf449..cfc60e5 100644 --- a/src/route-widgets/AliasDetailRoute/AliasNotesForm.tsx +++ b/src/route-widgets/AliasDetailRoute/AliasNotesForm.tsx @@ -2,6 +2,7 @@ import * as yup from "yup" import {TiDelete} from "react-icons/ti" import {AxiosError} from "axios" import {ReactElement, useContext} from "react" +import {MdEditCalendar} from "react-icons/md" import {RiLinkM, RiStickyNoteFill} from "react-icons/ri" import {FieldArray, FormikProvider, useFormik} from "formik" import update from "immutability-helper" @@ -20,6 +21,8 @@ import { ListItemSecondaryAction, ListItemText, TextField, + Tooltip, + Typography, } from "@mui/material" import {URL_REGEX} from "~/constants/values" @@ -28,6 +31,7 @@ import {BackupImage, ErrorSnack, SuccessSnack} from "~/components" import {Alias, AliasNote, DecryptedAlias} from "~/server-types" import {UpdateAliasData, updateAlias} from "~/apis" import AuthContext from "~/AuthContext/AuthContext" +import format from "date-fns/format" export interface AliasNotesFormProps { id: string @@ -153,6 +157,29 @@ export default function AliasNotesForm({ <>