Add Icon description in Virtual Dialog

YeonV · Sep 13, 2022 · bcfd80e · bcfd80e
1 parent e3ebceb
commit bcfd80e
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/components/Dialogs/AddVirtualDialog.tsx b/src/components/Dialogs/AddVirtualDialog.tsx
@@ -10,6 +10,7 @@ import {
   DialogContentText,
   DialogTitle,
   Button,
+  Link,
 } from '@material-ui/core';
 import useStore from '../../store/useStore';
 import BladeSchemaForm from '../SchemaForm/SchemaForm/SchemaForm';
@@ -127,6 +128,21 @@ const AddVirtualDialog = () => {
         <DialogContentText>
           With Virtuals, you can split devices into segments and merge several
           segments over several devices into one Virtual-Device.
+          <div style={{ marginTop: '1rem', color: '#666' }}>
+            {' '}
+            Icons:{' '}
+            <Link
+              href="https://material-ui.com/components/material-icons/"
+              target="_blank"
+            >
+              MUI
+            </Link>
+            (ie: iconName) |{' '}
+            <Link href="https://materialdesignicons.com" target="_blank">
+              MDI
+            </Link>
+            (ie: mdi:icon-name)
+          </div>
         </DialogContentText>
 
         <BladeSchemaForm