diff --git a/src/views/room/widgets/furniture/high-score/FurnitureHighScoreView.tsx b/src/views/room/widgets/furniture/high-score/FurnitureHighScoreView.tsx index 16f59ba4..bd18c6d9 100644 --- a/src/views/room/widgets/furniture/high-score/FurnitureHighScoreView.tsx +++ b/src/views/room/widgets/furniture/high-score/FurnitureHighScoreView.tsx @@ -1,12 +1,11 @@ import { HighScoreDataType, ObjectDataFactory, RoomEngineTriggerWidgetEvent, RoomObjectCategory, RoomObjectVariable } from '@nitrots/nitro-renderer'; import { FC, useCallback, useState } from 'react'; import { GetRoomEngine, LocalizeText } from '../../../../../api'; +import { Column, Flex, Text } from '../../../../../common'; import { useRoomEngineEvent } from '../../../../../hooks'; -import { NitroLayoutGrid, NitroLayoutGridColumn } from '../../../../../layout'; -import { NitroLayoutBase } from '../../../../../layout/base'; import { useRoomContext } from '../../../context/RoomContext'; -import { ContextMenuHeaderView } from '../../context-menu/views/header/ContextMenuHeaderView'; -import { ContextMenuListView } from '../../context-menu/views/list/ContextMenuListView'; +import { ContextMenuHeaderView } from '../../context-menu/ContextMenuHeaderView'; +import { ContextMenuListView } from '../../context-menu/ContextMenuListView'; import { ObjectLocationView } from '../../object-location/ObjectLocationView'; const SCORE_TYPES = ['perteam', 'mostwins', 'classic']; @@ -57,49 +56,38 @@ export const FurnitureHighScoreView: FC<{}> = props => if((objectId === -1) || !stuffData) return null; return ( - +
- {LocalizeText('high.score.display.caption', ['scoretype', 'cleartype'], [LocalizeText(`high.score.display.scoretype.${SCORE_TYPES[stuffData.scoreType]}`), LocalizeText(`high.score.display.cleartype.${CLEAR_TYPES[stuffData.clearType]}`)])} + { LocalizeText('high.score.display.caption', [ 'scoretype', 'cleartype' ], [ LocalizeText(`high.score.display.scoretype.${ SCORE_TYPES[stuffData.scoreType] }`), LocalizeText(`high.score.display.cleartype.${ CLEAR_TYPES[stuffData.clearType] }`)]) } - - - - - {LocalizeText('high.score.display.users.header')} - - - - - {LocalizeText('high.score.display.score.header')} - - - -
- - - {stuffData.entries.map((entry, index) => + + + + + { LocalizeText('high.score.display.users.header') } + + + { LocalizeText('high.score.display.score.header') } + + +
+
+ + { stuffData.entries.map((entry, index) => { return ( - - {entry.users.join(', ')} - + + + { entry.users.join(', ') } + + + { entry.score } + + ); - }) - } -
- - {stuffData.entries.map((entry, index) => - { - return ( - - {entry.score} - - ); - }) - } - -
+ }) } +