diff --git a/packages/web/package.json b/packages/web/package.json index 6af0a0dc9..47477ffd8 100644 --- a/packages/web/package.json +++ b/packages/web/package.json @@ -66,7 +66,7 @@ "circular-dependency-plugin": "^5.2.2", "copy-webpack-plugin": "^11.0.0", "css-loader": "*", - "dayjs": "^1.11.7", + "dayjs": "^1.11.9", "dotenv": "^16.0.3", "eslint": "*", "eslint-config-prettier": "^8.9.0", diff --git a/packages/web/src/javascripts/Components/ContentListView/Header/NewNotePreferences.tsx b/packages/web/src/javascripts/Components/ContentListView/Header/NewNotePreferences.tsx index 278b3e24b..33a5b6c48 100644 --- a/packages/web/src/javascripts/Components/ContentListView/Header/NewNotePreferences.tsx +++ b/packages/web/src/javascripts/Components/ContentListView/Header/NewNotePreferences.tsx @@ -21,14 +21,8 @@ import { EditorOption, getDropdownItemsForAllEditors } from '@/Utils/DropdownIte import { classNames } from '@standardnotes/utils' import { NoteTitleFormatOptions } from './NoteTitleFormatOptions' import { usePremiumModal } from '@/Hooks/usePremiumModal' - -import dayjs from 'dayjs' -import dayjsAdvancedFormat from 'dayjs/plugin/advancedFormat' -import dayjsUTC from 'dayjs/plugin/utc' -import dayjsTimezone from 'dayjs/plugin/timezone' -dayjs.extend(dayjsAdvancedFormat) -dayjs.extend(dayjsUTC) -dayjs.extend(dayjsTimezone) +import { getDayjsFormattedString } from '@/Utils/GetDayjsFormattedString' +import { ErrorBoundary } from '@/Utils/ErrorBoundary' const PrefChangeDebounceTimeInMs = 25 @@ -42,6 +36,10 @@ type Props = { disabled?: boolean } +function CustomNoteTitleFormatPreview({ format }: { format: string }) { + return {getDayjsFormattedString(undefined, format)} +} + const NewNotePreferences: FunctionComponent = ({ application, selectedTag, @@ -209,7 +207,9 @@ const NewNotePreferences: FunctionComponent = ({
Preview: - {dayjs().format(customNoteTitleFormat)} + + +
[0], format: string): string { + return dayjs(date).format(format) +}