Advance Appearance

  • To get the default value of app name or style, navigate to this path src/store/setting/state.ts.
App Name
  • Property: "app_name"
  • Choices: [ ]
  • Values are in string

Example

"app_name": {"value": "Hope UI"},
To get the current value of the following you can use:
  • first import useSelector from next-redux
  • import the selectors files from src/store/setting/selectors in your component.
  • import this file as top of your component using following example code in your component.
import { useSelector } from "next-redux";
import * as SettingSelector from '../store/setting/selectors'
  • then use the following code in your component to get the current value.
App Name 
const appname = useSelector(SettingSelector.app_name)
To use action you can use dispatch to update state.js.
  • first import usedispatch from next-redux.
  • import the actions files from src/store/setting/actons in your component.
  • import this file as top of your component using following example code in your component.
import { useDispatch } from "next-redux";
import { app_name } from "../../../store/setting/actions";
  • then write the following code inside the function component for use of dispatch method inside your component. 
const dispatch = useDispatch();
  • then use the following code in your component to dispatch or change the new value of scheme.
App Name 
dispatch(app_name(value))
Previous Next