1
0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00

Fix React key missing

This commit is contained in:
xmflsct
2022-12-25 17:40:53 +01:00
parent 21d6baa70d
commit 34f7218c34
8 changed files with 37 additions and 32 deletions

View File

@ -4,7 +4,7 @@ import menuStatus from '@components/contextMenu/status'
import Icon from '@components/Icon'
import { StyleConstants } from '@utils/styles/constants'
import { useTheme } from '@utils/styles/ThemeManager'
import React, { useContext, useState } from 'react'
import React, { Fragment, useContext, useState } from 'react'
import { Platform, View } from 'react-native'
import * as DropdownMenu from 'zeego/dropdown-menu'
import StatusContext from './Context'
@ -53,8 +53,8 @@ const TimelineHeaderAndroid: React.FC = () => {
</DropdownMenu.Trigger>
<DropdownMenu.Content>
{[mShare, mAccount, mStatus].map(type => (
<>
{[mShare, mAccount, mStatus].map((type, i) => (
<Fragment key={i}>
{type.map((mGroup, index) => (
<DropdownMenu.Group key={index}>
{mGroup.map(menu => (
@ -65,7 +65,7 @@ const TimelineHeaderAndroid: React.FC = () => {
))}
</DropdownMenu.Group>
))}
</>
</Fragment>
))}
</DropdownMenu.Content>
</DropdownMenu.Root>

View File

@ -4,7 +4,7 @@ import menuStatus from '@components/contextMenu/status'
import Icon from '@components/Icon'
import { StyleConstants } from '@utils/styles/constants'
import { useTheme } from '@utils/styles/ThemeManager'
import React, { useContext, useState } from 'react'
import React, { Fragment, useContext, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { Platform, Pressable, View } from 'react-native'
import * as DropdownMenu from 'zeego/dropdown-menu'
@ -83,8 +83,8 @@ const TimelineHeaderDefault: React.FC = () => {
</DropdownMenu.Trigger>
<DropdownMenu.Content>
{[mShare, mAccount, mStatus].map(type => (
<>
{[mShare, mAccount, mStatus].map((type, i) => (
<Fragment key={i}>
{type.map((mGroup, index) => (
<DropdownMenu.Group key={index}>
{mGroup.map(menu => (
@ -95,7 +95,7 @@ const TimelineHeaderDefault: React.FC = () => {
))}
</DropdownMenu.Group>
))}
</>
</Fragment>
))}
</DropdownMenu.Content>
</DropdownMenu.Root>

View File

@ -10,7 +10,7 @@ import { getInstanceUrl } from '@utils/slices/instancesSlice'
import { StyleConstants } from '@utils/styles/constants'
import { useTheme } from '@utils/styles/ThemeManager'
import * as WebBrowser from 'expo-web-browser'
import React, { useContext, useState } from 'react'
import React, { Fragment, useContext, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { Platform, Pressable, View } from 'react-native'
import { useSelector } from 'react-redux'
@ -90,8 +90,8 @@ const TimelineHeaderNotification: React.FC<Props> = ({ notification }) => {
</DropdownMenu.Trigger>
<DropdownMenu.Content>
{[mShare, mStatus, mAccount, mInstance].map(type => (
<>
{[mShare, mStatus, mAccount, mInstance].map((type, i) => (
<Fragment key={i}>
{type.map((mGroup, index) => (
<DropdownMenu.Group key={index}>
{mGroup.map(menu => (
@ -102,7 +102,7 @@ const TimelineHeaderNotification: React.FC<Props> = ({ notification }) => {
))}
</DropdownMenu.Group>
))}
</>
</Fragment>
))}
</DropdownMenu.Content>
</DropdownMenu.Root>