feat(UI): Always show the selected focus mode
This commit is contained in:
parent
5b1c3a4970
commit
67287b0604
1 changed files with 7 additions and 14 deletions
|
|
@ -75,7 +75,6 @@ const Focus = ({
|
||||||
type="button"
|
type="button"
|
||||||
className=" text-black/50 dark:text-white/50 rounded-xl hover:bg-light-secondary dark:hover:bg-dark-secondary active:scale-95 transition duration-200 hover:text-black dark:hover:text-white"
|
className=" text-black/50 dark:text-white/50 rounded-xl hover:bg-light-secondary dark:hover:bg-dark-secondary active:scale-95 transition duration-200 hover:text-black dark:hover:text-white"
|
||||||
>
|
>
|
||||||
{focusMode !== 'webSearch' ? (
|
|
||||||
<div className="flex flex-row items-center space-x-1">
|
<div className="flex flex-row items-center space-x-1">
|
||||||
{focusModes.find((mode) => mode.key === focusMode)?.icon}
|
{focusModes.find((mode) => mode.key === focusMode)?.icon}
|
||||||
<p className="text-xs font-medium hidden lg:block">
|
<p className="text-xs font-medium hidden lg:block">
|
||||||
|
|
@ -83,12 +82,6 @@ const Focus = ({
|
||||||
</p>
|
</p>
|
||||||
<ChevronDown size={20} className="-translate-x-1" />
|
<ChevronDown size={20} className="-translate-x-1" />
|
||||||
</div>
|
</div>
|
||||||
) : (
|
|
||||||
<div className="flex flex-row items-center space-x-1">
|
|
||||||
<ScanEye size={20} />
|
|
||||||
<p className="text-xs font-medium hidden lg:block">Focus</p>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</PopoverButton>
|
</PopoverButton>
|
||||||
<Transition
|
<Transition
|
||||||
as={Fragment}
|
as={Fragment}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue