1
1
import '@picocss/pico'
2
2
import { useEffect , useState } from 'react'
3
3
import {
4
- setUserConfig ,
5
- getUserConfig ,
6
- TriggerMode ,
7
- ThemeMode ,
8
4
defaultConfig ,
9
- Models ,
5
+ getUserConfig ,
10
6
isUsingApiKey ,
11
7
isUsingCustomModel ,
8
+ Models ,
9
+ setUserConfig ,
10
+ ThemeMode ,
11
+ TriggerMode ,
12
12
} from '../config/index.mjs'
13
- import { Tab , Tabs , TabList , TabPanel } from 'react-tabs'
13
+ import { Tab , TabList , TabPanel , Tabs } from 'react-tabs'
14
14
import 'react-tabs/style/react-tabs.css'
15
15
import './styles.scss'
16
16
import { MarkGithubIcon } from '@primer/octicons-react'
@@ -21,6 +21,7 @@ import wechatpay from './donation/wechatpay.jpg'
21
21
import bugmeacoffee from './donation/bugmeacoffee.png'
22
22
import { useWindowTheme } from '../hooks/use-window-theme.mjs'
23
23
import { languageList } from '../config/language.mjs'
24
+ import { isSafari } from '../utils/index.mjs'
24
25
25
26
function GeneralPart ( { config, updateConfig } ) {
26
27
const [ balance , setBalance ] = useState ( null )
@@ -433,7 +434,7 @@ function Popup() {
433
434
< Tab className = "popup-tab" > SelectionTools</ Tab >
434
435
< Tab className = "popup-tab" > SiteAdapters</ Tab >
435
436
< Tab className = "popup-tab" > Advanced</ Tab >
436
- < Tab className = "popup-tab" > Donation</ Tab >
437
+ { isSafari ( ) ? null : < Tab className = "popup-tab" > Donation</ Tab > }
437
438
</ TabList >
438
439
439
440
< TabPanel >
@@ -448,9 +449,11 @@ function Popup() {
448
449
< TabPanel >
449
450
< AdvancedPart config = { config } updateConfig = { updateConfig } />
450
451
</ TabPanel >
451
- < TabPanel >
452
- < Donation />
453
- </ TabPanel >
452
+ { isSafari ( ) ? null : (
453
+ < TabPanel >
454
+ < Donation />
455
+ </ TabPanel >
456
+ ) }
454
457
</ Tabs >
455
458
</ form >
456
459
< hr />
0 commit comments