diff --git a/ee/tabby-ui/app/(dashboard)/experiments/components/feature-list.tsx b/ee/tabby-ui/app/(dashboard)/experiments/components/feature-list.tsx index 14fc735b700d..1d0ac663f672 100644 --- a/ee/tabby-ui/app/(dashboard)/experiments/components/feature-list.tsx +++ b/ee/tabby-ui/app/(dashboard)/experiments/components/feature-list.tsx @@ -11,8 +11,12 @@ export default function FeatureList() { {!quickActionBar.loading && (
-

{quickActionBar.title}

-

{quickActionBar.description}

+

+ {quickActionBar.title} +

+

+ {quickActionBar.description} +

void, - boolean -] => { +const useLocalStorageForExperimentFlag = ( + storageKey: string, + defaultValue: boolean +): [boolean, (value: boolean) => void, boolean] => { const [storageValue, setStorageValue] = useState(defaultValue) const [loading, setLoading] = useState(true) @@ -50,7 +49,12 @@ class ExperimentFlagFactory { private description: string private defaultValue: boolean - constructor(storageKey: string, title: string, description: string, defaultValue?: boolean) { + constructor( + storageKey: string, + title: string, + description: string, + defaultValue?: boolean + ) { this.storageKey = `EXP_${storageKey}` this.title = title this.description = description @@ -71,7 +75,8 @@ class ExperimentFlagFactory { { value: boolean; title: string; description: string; loading: boolean }, () => void ] => { - const [storageValue, setStorageValue, loading] = useLocalStorageForExperimentFlag(this.storageKey, this.defaultValue) + const [storageValue, setStorageValue, loading] = + useLocalStorageForExperimentFlag(this.storageKey, this.defaultValue) const toggleFlag = () => { setStorageValue(!storageValue)