status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-11 10:56:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: map alerts

Browse Source
This commit is contained in:
RadoslavDimchev 2023-10-18 09:43:17 +03:00
parent b8e43a986b
commit c6908e902f
1 changed files with 9 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/General/RightSideBar/AlertsList.tsx
View File

@ -9,7 +9,7 @@ type Alert = {
}
const AlertsList = () => {
const [_, setAlerts] = useState([] as Alert[])
const [alerts, setAlerts] = useState([] as Alert[])
useEffect(() => {
setAlerts([
@ -38,24 +38,14 @@ const AlertsList = () => {
<ChevronRightIcon size={20} />
</div>
</XStack>
<InformationBox
message="Network: Participation rate below 66%"
icon={<CloseCircleIcon size={20} />}
variant="default"
onClosePress={() => alert('dismissed')}
/>
<InformationBox
message="Node: 32 Peers Connected"
icon={<CloseCircleIcon size={20} />}
variant="information"
onClosePress={() => alert('dismissed')}
/>
<InformationBox
message="Node / Validator: Process Down"
icon={<CloseCircleIcon size={20} />}
variant="error"
onClosePress={() => alert('dismissed')}
/>
{alerts.map(alert => (
<InformationBox
key={alert.message}
message={alert.message}
icon={<CloseCircleIcon size={20} />}
variant={alert.variant}
/>
))}
</YStack>
)
}