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

Poll working

Browse Source 
But did not re-render
This commit is contained in:
Zhiyuan Zheng
2020-12-03 01:28:56 +01:00
parent 8986680c6d
commit 7d7c907fa3
35 changed files with 1125 additions and 766 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/components/Timelines/Timeline/Shared/Content.tsx
View File

@ -8,60 +8,50 @@ import { useTheme } from 'src/utils/styles/ThemeManager'
import { StyleConstants } from 'src/utils/styles/constants'
export interface Props {
content: string
emojis: Mastodon.Emoji[]
mentions: Mastodon.Mention[]
spoiler_text?: string
status: Mastodon.Status
numberOfLines?: number
}
const Content: React.FC<Props> = ({
content,
emojis,
mentions,
spoiler_text,
numberOfLines
}) => {
const TimelineContent: React.FC<Props> = ({ status, numberOfLines }) => {
const { theme } = useTheme()
const [spoilerCollapsed, setSpoilerCollapsed] = useState(true)
return (
<>
{content &&
(spoiler_text ? (
<>
<Text style={{ fontSize: StyleConstants.Font.Size.M }}>
{spoiler_text}{' '}
<Text
onPress={() => setSpoilerCollapsed(!spoilerCollapsed)}
style={{
color: theme.link
}}
>
{spoilerCollapsed ? '点击展开' : '点击收起'}
</Text>
{status.spoiler_text ? (
<>
<Text style={{ fontSize: StyleConstants.Font.Size.M }}>
{status.spoiler_text}{' '}
<Text
onPress={() => setSpoilerCollapsed(!spoilerCollapsed)}
style={{
color: theme.link
}}
>
{spoilerCollapsed ? '点击展开' : '点击收起'}
</Text>
<Collapsible collapsed={spoilerCollapsed}>
<ParseContent
content={content}
size={StyleConstants.Font.Size.M}
emojis={emojis}
mentions={mentions}
{...(numberOfLines && { numberOfLines: numberOfLines })}
/>
</Collapsible>
</>
) : (
<ParseContent
content={content}
size={StyleConstants.Font.Size.M}
emojis={emojis}
mentions={mentions}
{...(numberOfLines && { numberOfLines: numberOfLines })}
/>
))}
</Text>
<Collapsible collapsed={spoilerCollapsed}>
<ParseContent
content={status.content}
size={StyleConstants.Font.Size.M}
emojis={status.emojis}
mentions={status.mentions}
{...(numberOfLines && { numberOfLines: numberOfLines })}
/>
</Collapsible>
</>
) : (
<ParseContent
content={status.content}
size={StyleConstants.Font.Size.M}
emojis={status.emojis}
mentions={status.mentions}
{...(numberOfLines && { numberOfLines: numberOfLines })}
/>
)}
</>
)
}
export default Content
export default React.memo(TimelineContent, () => true)