ADD osiris image for IDEs

AnubisLMS · Dec 3, 2023 · d8d45b3 · d8d45b3
1 parent 2e02223
commit d8d45b3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/web/public/OSIRIS_LOGO_MARK_COLOR.png b/web/public/OSIRIS_LOGO_MARK_COLOR.png
diff --git a/web/src/pages/core/public/Playgrounds/Playgrounds.jsx b/web/src/pages/core/public/Playgrounds/Playgrounds.jsx
@@ -209,11 +209,24 @@ export default function Playgrounds({imageId}) {
     return (
       <Box className={!isSelected ? classes.image : clsx(classes.image, classes.selectedImage)}>
         <Box className={classes.imageHeader}>
-          <i
-            className={clsx(icon, isSelected ?
-              clsx(classes.icon, classes.opFull) :
-              clsx(classes.icon, classes.opLess))}
-            style={{fontSize: 32}}/>
+          {
+            icon === 'osiris' ? (
+              <Box sx={{ml: 1, mr: 1}}>
+                <img
+                  src="/OSIRIS_LOGO_MARK_COLOR.png"
+                  alt="osiris"
+                  height={30}
+                  style={isSelected ? null : {'-webkit-filter': 'grayscale(1)'}}
+                />
+              </Box>
+            ) : (
+              <i
+                className={clsx(icon, isSelected ?
+                  clsx(classes.icon, classes.opFull) :
+                  clsx(classes.icon, classes.opLess))}
+                style={{fontSize: 32}}/>
+            )
+          }
           <Typography className={isSelected ? classes.opFull : classes.opLess}>{title}</Typography>
         </Box>
       </Box>