octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00
Code Issues Projects Releases Wiki Activity

Test release

Browse Source 
Added screenshot package
This commit is contained in:
Zhiyuan Zheng
2021-02-05 01:13:57 +01:00
parent d7d41a44c3
commit 29f2bf7457
26 changed files with 179 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Button.tsx
View File

@ -3,7 +3,6 @@ import { StyleConstants } from '@utils/styles/constants'
import layoutAnimation from '@utils/styles/layoutAnimation'
import { useTheme } from '@utils/styles/ThemeManager'
import React, { useEffect, useMemo, useRef } from 'react'
import { useTranslation } from 'react-i18next'
import {
Pressable,
StyleProp,
@ -49,8 +48,7 @@ const Button: React.FC<Props> = ({
overlay = false,
onPress
}) => {
const { i18n } = useTranslation()
const { theme } = useTheme()
const { mode, theme } = useTheme()
const mounted = useRef(false)
useEffect(() => {
@ -67,7 +65,7 @@ const Button: React.FC<Props> = ({
<Chase size={StyleConstants.Font.Size[size]} color={theme.secondary} />
</View>
),
[theme]
[mode]
)
const colorContent = useMemo(() => {
@ -88,7 +86,7 @@ const Button: React.FC<Props> = ({
}
}
}
}, [theme, disabled])
}, [mode, disabled])
const colorBorder = useMemo(() => {
if (active) {
return theme.blue
@ -103,14 +101,14 @@ const Button: React.FC<Props> = ({
}
}
}
}, [theme, loading, disabled])
}, [mode, loading, disabled])
const colorBackground = useMemo(() => {
if (overlay) {
return theme.backgroundOverlay
} else {
return theme.background
}
}, [theme])
}, [mode])
const children = useMemo(() => {
switch (type) {
@ -147,7 +145,7 @@ const Button: React.FC<Props> = ({
</>
)
}
}, [i18n.language, theme, content, loading, disabled, active])
}, [mode, content, loading, disabled, active])
enum spacingMapping {
XS = 'S',