diff --git a/nym-wallet/src/components/NodeStatus.tsx b/nym-wallet/src/components/NodeStatus.tsx
new file mode 100644
index 0000000000..c91eddd09b
--- /dev/null
+++ b/nym-wallet/src/components/NodeStatus.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import { Typography } from '@mui/material'
+import { CircleOutlined, PauseCircleOutlined, CheckCircleOutline } from '@mui/icons-material'
+import { MixnodeStatus } from '../types'
+
+export const NodeStatus = ({ status }: { status: MixnodeStatus }) => {
+ switch (status) {
+ case 'active':
+ return
+ case 'inactive':
+ return
+ case 'standby':
+ return
+ default:
+ null
+ }
+ return null
+}
+
+const Active = () => (
+
+ Active
+
+)
+
+const Inactive = () => (
+
+ Inactive
+
+)
+
+const Standby = () => (
+
+ Standby
+
+)
diff --git a/nym-wallet/src/components/NymCard.tsx b/nym-wallet/src/components/NymCard.tsx
index bfaf7fa18a..ab787de202 100644
--- a/nym-wallet/src/components/NymCard.tsx
+++ b/nym-wallet/src/components/NymCard.tsx
@@ -1,5 +1,5 @@
import React from 'react'
-import { Card, CardContent, CardHeader } from '@mui/material'
+import { Box, Card, CardContent, CardHeader } from '@mui/material'
import { styled } from '@mui/material/styles'
export const NymCard: React.FC<{
@@ -16,7 +16,7 @@ export const NymCard: React.FC<{
data-testid={title}
titleTypographyProps={{ variant: 'h5' }}
subheaderTypographyProps={{ variant: 'subtitle1' }}
- action={Action}
+ action={{Action}}
sx={{
color: 'nym.background.dark',
py: 2.5,
diff --git a/nym-wallet/src/pages/settings/index.tsx b/nym-wallet/src/pages/settings/index.tsx
index d3a59a3e29..e40c919f75 100644
--- a/nym-wallet/src/pages/settings/index.tsx
+++ b/nym-wallet/src/pages/settings/index.tsx
@@ -9,6 +9,7 @@ import { SystemVariables } from './system-variables'
import { NodeStats } from './node-stats'
import { Overview } from './overview'
import { useSettingsState } from './useSettingsState'
+import { NodeStatus } from '../../components/NodeStatus'
const tabs = ['Profile', 'System variables', 'Node stats']
@@ -16,26 +17,23 @@ export const Settings = () => {
const { showSettings, handleShowSettings } = useContext(ClientContext)
const [selectedTab, setSelectedTab] = useState(0)
- const { mixnodeDetails, status, saturation } = useSettingsState(showSettings)
+ const { mixnodeDetails, status, saturation, rewardEstimation } = useSettingsState(showSettings)
- console.log({ status, saturation })
-
- const handleTabChange = (event: React.SyntheticEvent, newTab: number) => setSelectedTab(newTab)
+ const handleTabChange = (_: React.SyntheticEvent, newTab: number) => setSelectedTab(newTab)
return showSettings ? (