feat: save user theme preference

This commit is contained in:
Sonny
2024-11-15 23:16:47 +01:00
parent 01298661a5
commit 2f820bb877
5 changed files with 22 additions and 14 deletions

View File

@@ -1,2 +1,3 @@
export const PREFER_DARK_THEME = 'prefer_dark_theme';
export const DARK_THEME_DEFAULT_VALUE = true;
export const KEY_USER_THEME = 'user_theme';
export const THEMES = ['dark', 'light'] as const;
export const DEFAULT_USER_THEME = THEMES.at(0);

View File

@@ -1,12 +1,11 @@
import { PREFER_DARK_THEME } from '#user/constants/theme';
import { KEY_USER_THEME } from '#user/constants/theme';
import { updateThemeValidator } from '#user/validators/update_theme_validator';
import type { HttpContext } from '@adonisjs/core/http';
export default class ThemeController {
async index({ request, session, response }: HttpContext) {
const { preferDarkTheme } =
await request.validateUsing(updateThemeValidator);
session.put(PREFER_DARK_THEME, preferDarkTheme);
const { theme } = await request.validateUsing(updateThemeValidator);
session.put(KEY_USER_THEME, theme);
return response.ok({ message: 'ok' });
}
}

View File

@@ -1,7 +1,8 @@
import { THEMES } from '#user/constants/theme';
import vine from '@vinejs/vine';
export const updateThemeValidator = vine.compile(
vine.object({
preferDarkTheme: vine.boolean(),
theme: vine.enum(THEMES),
})
);