import { defineStore } from 'pinia';

import { setTimezone } from '@/shared/formatters';

const STORE_UI_SETTINGS = 'ftUISettings';

export enum OpenTradeVizOptions {
  showPill = 'showPill',
  asTitle = 'asTitle',
  noOpenTrades = 'noOpenTrades',
}

export interface SettingsType {
  openTradesInTitle?: string;
  timezone?: string;
  backgroundSync?: boolean;
}

export const useSettingsStore = defineStore('uiSettings', {
  // other options...
  state: () => {
    return {
      openTradesInTitle: OpenTradeVizOptions.showPill as string,
      timezone: 'UTC',
      backgroundSync: true,
    };
  },
  actions: {
    setOpenTradesInTitle(locked: string) {
      this.openTradesInTitle = locked;
    },
    setTimeZone(timezone: string) {
      setTimezone(timezone);
      this.timezone = timezone;
    },
    setBackgroundSync(value: boolean) {
      this.backgroundSync = value;
    },
  },
  persist: {
    key: STORE_UI_SETTINGS,
  },
});