0d13756a86
* feat: Experimental Feature Toggle * chore: add open app directory action * chore: disable experimental feature test case
64 lines
2.2 KiB
TypeScript
64 lines
2.2 KiB
TypeScript
'use client'
|
|
|
|
import React, { useContext, useRef } from 'react'
|
|
import { Button, Switch } from '@uikit'
|
|
import { FeatureToggleContext } from '@helpers/FeatureToggleWrapper'
|
|
|
|
const Advanced = () => {
|
|
const { experimentalFeatureEnabed, setExperimentalFeatureEnabled } =
|
|
useContext(FeatureToggleContext)
|
|
const fileInputRef = useRef<HTMLInputElement | null>(null)
|
|
return (
|
|
<div className="block w-full">
|
|
<div className="flex w-full items-start justify-between border-b border-gray-200 py-4 first:pt-0 last:border-none dark:border-gray-800">
|
|
<div className="w-4/5 flex-shrink-0 space-y-1.5">
|
|
<div className="flex gap-x-2">
|
|
<h6 className="text-sm font-semibold capitalize">
|
|
Experimental Mode
|
|
</h6>
|
|
</div>
|
|
<p className="whitespace-pre-wrap leading-relaxed text-gray-600 dark:text-gray-400">
|
|
Enable experimental features that may be unstable or not fully
|
|
tested.
|
|
</p>
|
|
</div>
|
|
<Switch
|
|
checked={experimentalFeatureEnabed}
|
|
onCheckedChange={(e) => {
|
|
if (e === true) {
|
|
setExperimentalFeatureEnabled(true)
|
|
} else {
|
|
setExperimentalFeatureEnabled(false)
|
|
}
|
|
}}
|
|
/>
|
|
</div>
|
|
{window.electronAPI && (
|
|
<div className="flex w-full items-start justify-between border-b border-gray-200 py-4 first:pt-0 last:border-none dark:border-gray-800">
|
|
<div className="w-4/5 flex-shrink-0 space-y-1.5">
|
|
<div className="flex gap-x-2">
|
|
<h6 className="text-sm font-semibold capitalize">
|
|
Open App Directory
|
|
</h6>
|
|
</div>
|
|
<p className="whitespace-pre-wrap leading-relaxed text-gray-600 dark:text-gray-400">
|
|
Open the directory where the app data is located.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<Button
|
|
size="sm"
|
|
themes="outline"
|
|
onClick={() => window.electronAPI.openAppDirectory()}
|
|
>
|
|
Open
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Advanced
|