diff --git a/src/containers/Settings/index.tsx b/src/containers/Settings/index.tsx index bf6ff6e..2c835a5 100644 --- a/src/containers/Settings/index.tsx +++ b/src/containers/Settings/index.tsx @@ -1,8 +1,8 @@ -import React, { useEffect } from 'react' +import React, { useEffect, useMemo } from 'react' import classnames from 'classnames' import capitalize from 'lodash/capitalize' import { Header, Card, Row, Col, Switch, ButtonSelect, ButtonSelectOptions, Input, Icon } from '@components' -import { useI18n, useClashXData, useAPIInfo, useGeneral, useIdentity } from '@stores' +import { useI18n, useClashXData, useAPIInfo, useGeneral, useIdentity, useVersion } from '@stores' import { updateConfig } from '@lib/request' import { useObject } from '@lib/hook' import { jsBridge } from '@lib/jsBridge' @@ -12,6 +12,7 @@ import './style.scss' const languageOptions: ButtonSelectOptions[] = [{ label: '中文', value: 'zh_CN' }, { label: 'English', value: 'en_US' }] export default function Settings () { + const { premium } = useVersion() const { data: clashXData, update: fetchClashXData } = useClashXData() const { general, update: fetchGeneral } = useGeneral() const { set: setIdentity } = useIdentity() @@ -78,11 +79,17 @@ export default function Settings () { systemProxy } = clashXData - const proxyModeOptions: ButtonSelectOptions[] = [ - { label: t('values.global'), value: 'Global' }, - { label: t('values.rules'), value: 'Rule' }, - { label: t('values.direct'), value: 'Direct' } - ] + const proxyModeOptions = useMemo(() => { + const options = [ + { label: t('values.global'), value: 'Global' }, + { label: t('values.rules'), value: 'Rule' }, + { label: t('values.direct'), value: 'Direct' } + ] + if (premium) { + options.push({ label: t('values.script'), value: 'Script' }) + } + return options + }, [t, premium]) return (