Configuring the Loading Screen

import {AdaptableOptions} from '@adaptabletools/adaptable';
import {WebFramework} from './rowData';

/** Simulates a slow state load so the loading screen stays visible during init. */
const STATE_LOAD_DELAY_MS = 2500;

export const adaptableOptions: AdaptableOptions<WebFramework> = {
  primaryKey: 'id',
  userName: 'Demo User',
  adaptableId: 'Loading Screen Demo',
  userInterfaceOptions: {
    loadingScreenOptions: {
      showLoadingScreen: true,
      loadingScreenDelay: 200,
      loadingScreenTitle: 'Loading your grid',
      loadingScreenText:
        'Fetching saved layouts and preferences — this demo deliberately waits 2.5 seconds to ensure the loading screen is visible.',
    },
  },
  stateOptions: {
    loadState: () =>
      new Promise(resolve => {
        setTimeout(() => resolve({}), STATE_LOAD_DELAY_MS);
      }),
    persistState: () => Promise.resolve(true),
  },
  initialState: {
    Theme: {CurrentTheme: 'dark'},
    Layout: {
      CurrentLayout: 'Standard Layout',
      Layouts: [
        {
          Name: 'Standard Layout',
          TableColumns: [
            'name',
            'language',
            'github_stars',
            'license',
            'updated_at',
            'has_wiki',
            'created_at',
            'pushed_at',
            'github_watchers',
          ],
        },
      ],
    },
  },
};