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 @@
+
+
+
+ {{ textStrings[index] }}
+
+
+
+
+
+
+
\ 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)
+}