|
|
|
|
@ -2,10 +2,13 @@
|
|
|
|
|
import type { FC } from 'react'
|
|
|
|
|
import React from 'react'
|
|
|
|
|
import NoPluginSelected from './no-plugin-selected'
|
|
|
|
|
import type { AUTO_UPDATE_MODE } from './types'
|
|
|
|
|
import { AUTO_UPDATE_MODE } from './types'
|
|
|
|
|
import PluginsSelected from './plugins-selected'
|
|
|
|
|
import Button from '@/app/components/base/button'
|
|
|
|
|
import { RiAddLine } from '@remixicon/react'
|
|
|
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
|
|
|
|
|
|
const i18nPrefix = 'plugin.autoUpdate'
|
|
|
|
|
|
|
|
|
|
type Props = {
|
|
|
|
|
updateMode: AUTO_UPDATE_MODE
|
|
|
|
|
@ -18,12 +21,14 @@ const PluginsPicker: FC<Props> = ({
|
|
|
|
|
value,
|
|
|
|
|
onChange,
|
|
|
|
|
}) => {
|
|
|
|
|
const { t } = useTranslation()
|
|
|
|
|
const hasSelected = value.length > 0
|
|
|
|
|
const isExcludeMode = updateMode === AUTO_UPDATE_MODE.exclude
|
|
|
|
|
return (
|
|
|
|
|
<div className='mt-2 rounded-[10px] bg-background-section-burn p-2.5'>
|
|
|
|
|
{hasSelected ? (
|
|
|
|
|
<div className='flex justify-between text-text-tertiary'>
|
|
|
|
|
<div className='system-xs-medium'>The following 21 plugins will not auto-update</div>
|
|
|
|
|
<div className='system-xs-medium'>{t(`${i18nPrefix}.${isExcludeMode ? 'excludeUpdate' : 'partialUPdate'}`, { num: value.length })}</div>
|
|
|
|
|
<div className='system-xs-medium cursor-pointer'>Clear all</div>
|
|
|
|
|
</div>
|
|
|
|
|
) : (
|
|
|
|
|
|