Config

The SaasAble admin uses a single source of truth for default configurations, allowing users to manage settings effectively and making it scalable for new configurations. You can configure options such as font, locale, and more in src/config.ts.

src/config.ts

// @project
import { AuthType, SocialAuthType } from '@/enum';

// @types
import { AuthConfigStates } from '@/types/auth';
import { ConfigStates } from '@/types/config';

/***************************  THEME CONSTANT  ***************************/

export const APP_DEFAULT_PATH = '/dashboard/analytics/overview';
export const APP_SUPPORT_PATH = 'https://phoenixcoded.authordesk.app/';

export const DRAWER_WIDTH = 254;
export const MINI_DRAWER_WIDTH = 76 + 1; // 1px - for right-side border

export const CSS_VAR_PREFIX = '';

/***************************  AUTH CONSTANT  ***************************/

export const AUTH_USER_KEY = 'auth-user';
export const AUTH_CONFIG_KEY = 'saas-able-auth-config';
export const AUTH_PROVIDER: AuthType = AuthType.MOCK;
export const SOCIAL_AUTH_PROVIDER: SocialAuthType | undefined = undefined;

/***************************  THEME ENUM  ***************************/

export enum Themes {
  THEME_CRM = 'crm',
  THEME_AI = 'ai',
  THEME_HOSTING = 'hosting'
}

export enum ThemeMode {
  LIGHT = 'light',
  DARK = 'dark',
  SYSTEM = 'system'
}

export enum ThemeDirection {
  LTR = 'ltr',
  RTL = 'rtl'
}

export enum ThemeI18n {
  EN = 'en',
  FR = 'fr',
  RO = 'ro',
  ZH = 'zh'
}

export enum ThemeFonts {
  FONT_ROBOTO = `'Roboto', sans-serif`,
  FONT_ARCHIVO = `'Archivo
   sans-serif`,
  FONT_FIGTREE = `'Figtree', sans-serif`
}

export const defaultAuthConfig: AuthConfigStates = {
  socialProvider: null
};
export const DEFAULT_THEME_MODE: ThemeMode = ThemeMode.SYSTEM;

/***************************  CONFIG  ***************************/

const config: ConfigStates = {
  currentTheme: Themes.THEME_HOSTING,
  themeDirection: ThemeDirection.LTR,
  miniDrawer: false,
  i18n: ThemeI18n.EN
};

export default config;