diff --git a/src-web/components/Settings/Settings.tsx b/src-web/components/Settings/Settings.tsx index 0ba895cc..11d14b44 100644 --- a/src-web/components/Settings/Settings.tsx +++ b/src-web/components/Settings/Settings.tsx @@ -39,9 +39,9 @@ const tabs = [ TAB_THEME, TAB_INTERFACE, TAB_SHORTCUTS, + TAB_PLUGINS, TAB_CERTIFICATES, TAB_PROXY, - TAB_PLUGINS, TAB_LICENSE, ] as const; export type SettingsTab = (typeof tabs)[number]; @@ -120,7 +120,7 @@ export default function Settings({ hide }: Props) { value === TAB_CERTIFICATES ? ( ) : value === TAB_PLUGINS ? ( - + p.source !== 'bundled').length} /> ) : value === TAB_PROXY && settings.proxy?.type === 'enabled' ? ( ) : value === TAB_LICENSE && licenseCheck.check.data?.status === 'personal_use' ? ( @@ -141,7 +141,7 @@ export default function Settings({ hide }: Props) { - + diff --git a/src-web/components/Settings/SettingsPlugins.tsx b/src-web/components/Settings/SettingsPlugins.tsx index 7298fc7b..cfa61018 100644 --- a/src-web/components/Settings/SettingsPlugins.tsx +++ b/src-web/components/Settings/SettingsPlugins.tsx @@ -9,6 +9,7 @@ import { searchPlugins, uninstallPlugin, } from '@yaakapp-internal/plugins'; +import classNames from 'classnames'; import { useAtomValue } from 'jotai'; import { useState } from 'react'; import { useDebouncedValue } from '../../hooks/useDebouncedValue'; @@ -49,6 +50,7 @@ export function SettingsPlugins({ defaultSubtab }: SettingsPluginsProps) { defaultValue={defaultSubtab} label="Plugins" addBorders + tabListClassName="px-6 pt-2" tabs={[ { label: 'Discover', value: 'search' }, { @@ -63,13 +65,13 @@ export function SettingsPlugins({ defaultSubtab }: SettingsPluginsProps) { }, ]} > - + - - - + @@ -330,9 +332,9 @@ function PluginSearch() { ); } -function InstalledPlugins({ plugins }: { plugins: Plugin[] }) { +function InstalledPlugins({ plugins, className }: { plugins: Plugin[]; className?: string }) { return plugins.length === 0 ? ( - + Plugins extend the functionality of Yaak. @@ -340,7 +342,7 @@ function InstalledPlugins({ plugins }: { plugins: Plugin[] }) { ) : ( - +