diff options
| author | Oliver <oliver@mohlin.dev> | 2025-10-08 06:39:34 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-10-10 13:38:06 +0200 |
| commit | 5322598ff90342b22572680dc28fa2277bb7a3f8 (patch) | |
| tree | 7759d3613d970161fd7ce3c24f422548941da2b7 /desktop | |
| parent | a43bda97b0d6329310399d2604eb05a47a4e7833 (diff) | |
| download | mullvadvpn-5322598ff90342b22572680dc28fa2277bb7a3f8.tar.xz mullvadvpn-5322598ff90342b22572680dc28fa2277bb7a3f8.zip | |
Add and use format date hook in DeviceListItem
Diffstat (limited to 'desktop')
3 files changed, 9 insertions, 2 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/DeviceListItem.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/DeviceListItem.tsx index bfb834fd5a..9371f556f8 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/DeviceListItem.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/DeviceListItem.tsx @@ -11,7 +11,7 @@ import { spacings } from '../../lib/foundations'; import { useBoolean } from '../../lib/utility-hooks'; import { DeviceListItemProvider, useDeviceListItemContext } from './'; import { ConfirmDialog, ErrorDialog, RemoveButton } from './components'; -import { useIsCurrentDevice } from './hooks'; +import { useFormattedDate, useIsCurrentDevice } from './hooks'; export type SettingsToggleListItemProps = { device: IDevice; @@ -32,9 +32,9 @@ const StyledListItem = styled(ListItem)<{ $isCurrentDevice: boolean }>( function DeviceListItemInner({ ...props }: Omit<SettingsToggleListItemProps, 'device'>) { const { device, deleting, confirmDialogVisible, error } = useDeviceListItemContext(); + const createdDate = useFormattedDate(device.created); const isCurrentDevice = useIsCurrentDevice(); const deviceName = capitalizeEveryWord(device.name); - const createdDate = device.created.toISOString().split('T')[0]; return ( <> diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/hooks/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/hooks/index.ts index 66b75dd486..d8626923b4 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/hooks/index.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/hooks/index.ts @@ -1 +1,2 @@ export * from './use-is-current-device'; +export * from './use-formatted-date'; diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/hooks/use-formatted-date.ts b/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/hooks/use-formatted-date.ts new file mode 100644 index 0000000000..5ddc670aad --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/components/device-list-item/hooks/use-formatted-date.ts @@ -0,0 +1,6 @@ +export function useFormattedDate(date: Date) { + const year = date.getUTCFullYear(); + const month = String(date.getUTCMonth() + 1).padStart(2, '0'); + const day = String(date.getUTCDate()).padStart(2, '0'); + return `${year}-${month}-${day}`; +} |