From 87a5b99e50db3510d286bf0925ef14be3382fba9 Mon Sep 17 00:00:00 2001 From: JustTemmie <47639983+JustTemmie@users.noreply.github.com> Date: Sat, 12 Jul 2025 18:49:28 +0200 Subject: [PATCH] feat: add radio buttons and start integrating them into time format setting --- components/MessageArea.vue | 3 +- components/RadioButtons.vue | 70 +++++++++++++++++++ .../Settings/AppSettings/Appearance.vue | 17 +++-- 3 files changed, 85 insertions(+), 5 deletions(-) create mode 100644 components/RadioButtons.vue diff --git a/components/MessageArea.vue b/components/MessageArea.vue index e97a2af..b2338f5 100644 --- a/components/MessageArea.vue +++ b/components/MessageArea.vue @@ -3,7 +3,7 @@
>({}); const messagesType = ref>({}); const messageGroupingMaxDifference = useRuntimeConfig().public.messageGroupingMaxDifference +const timeFormat = settingLoad("timeFormat") ?? "24" const messagesRes: MessageResponse[] | undefined = await fetchWithApi( `${props.channelUrl}/messages`, diff --git a/components/RadioButtons.vue b/components/RadioButtons.vue new file mode 100644 index 0000000..9c3ce3b --- /dev/null +++ b/components/RadioButtons.vue @@ -0,0 +1,70 @@ + + + + + \ No newline at end of file diff --git a/components/Settings/AppSettings/Appearance.vue b/components/Settings/AppSettings/Appearance.vue index a35e719..39e7410 100644 --- a/components/Settings/AppSettings/Appearance.vue +++ b/components/Settings/AppSettings/Appearance.vue @@ -17,11 +17,15 @@
-

ICONS

-
+ + +

TIME FORMAT

+
+
- -
@@ -70,6 +74,11 @@ async function fetchThemes() { } await fetchThemes() + + +async function onTimeFormatClicked(index: number) { + console.log(index) +}