From 7a1a7c003efe7eb9834a48565c6e4e298064ce5b Mon Sep 17 00:00:00 2001
From: Pierre Dommerc <dommerc.pierre@gmail.com>
Date: Fri, 30 Jun 2023 12:13:04 +0200
Subject: [PATCH] feat(nc-desktop): add matrix and monero to providers list
 (ui) (#3623)

---
 nym-connect/desktop/src/pages/menu/Apps.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/nym-connect/desktop/src/pages/menu/Apps.tsx b/nym-connect/desktop/src/pages/menu/Apps.tsx
index ebe31deb44..5de95cc9c3 100644
--- a/nym-connect/desktop/src/pages/menu/Apps.tsx
+++ b/nym-connect/desktop/src/pages/menu/Apps.tsx
@@ -3,34 +3,31 @@ import { Divider, Typography } from '@mui/material';
 import { Box } from '@mui/system';
 
 const appsSchema = {
-  messagingApps: ['Telegram', 'Keybase'],
-  wallets: ['Blockstream', 'Electrum'],
+  messagingApps: ['Matrix', 'Telegram', 'Keybase'],
+  wallets: ['Monero', 'Blockstream', 'Electrum'],
 };
 
 export const CompatibleApps = () => (
   <Box>
-    <Typography fontSize="small" color="grey.600" sx={{ mb: 2 }}>
+    <Typography fontWeight="bold" variant="body2" sx={{ mb: 2 }}>
       Supported apps
     </Typography>
     <Typography color="nym.highlight" sx={{ mb: 2 }}>
       Messaging apps
     </Typography>
 
-    <Divider sx={{ mb: 2 }} />
-
-    <Box sx={{ mb: 4 }}>
+    <Box sx={{ mb: 2 }}>
       {appsSchema.messagingApps.map((app) => (
         <Typography variant="body2" color="grey.400" sx={{ mb: 2 }} key={app}>
           {app}
         </Typography>
       ))}
     </Box>
+    <Divider sx={{ mb: 2 }} />
     <Typography color="nym.highlight" sx={{ mb: 2 }}>
       Wallets
     </Typography>
 
-    <Divider sx={{ mb: 2 }} />
-
     <Box sx={{ mb: 4 }}>
       {appsSchema.wallets.map((wallet) => (
         <Typography variant="body2" color="grey.400" sx={{ mb: 2 }} key={wallet}>