allow toggles and storage of active theme
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
import React, { Dispatch, SetStateAction, useRef, useState } from 'react';
|
import React, { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
|
||||||
import { Session } from '../services';
|
import { Session } from '../services';
|
||||||
|
|
||||||
// TODO dynamic theming
|
// TODO dynamic theming
|
||||||
@@ -17,10 +17,10 @@ export const ThemeProvider = ({ children }: { children: any }) => {
|
|||||||
const refDarkMode = useRef<boolean>();
|
const refDarkMode = useRef<boolean>();
|
||||||
refDarkMode.current = darkMode;
|
refDarkMode.current = darkMode;
|
||||||
|
|
||||||
//useEffect(() => {
|
useEffect(() => {
|
||||||
// Session.setTheme(refDarkMode.current ? 'dark' : 'light');
|
Session.setTheme(refDarkMode.current ? 'dark' : 'light');
|
||||||
// window.location.reload();
|
// window.location.reload();
|
||||||
//}, [darkMode]);
|
}, [darkMode]);
|
||||||
|
|
||||||
//if (darkMode) {
|
//if (darkMode) {
|
||||||
// import('primereact/resources/themes/bootstrap4-dark-blue/theme.css');
|
// import('primereact/resources/themes/bootstrap4-dark-blue/theme.css');
|
||||||
|
|||||||
Reference in New Issue
Block a user