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)