Redesign library navigation in experimental layout

2024-09-16 14:16:34 -04:00
parent dbb0941fef
commit c5da93c30f
26 changed files with 598 additions and 311 deletions
@@ -0,0 +1,37 @@
+import Button from '@mui/material/Button/Button';
+import React, { FC } from 'react';
+import { Link } from 'react-router-dom';
+
+import { useSystemInfo } from 'hooks/useSystemInfo';
+
+const ServerButton: FC = () => {
+    const {
+        data: systemInfo,
+        isPending
+    } = useSystemInfo();
+
+    return (
+        <Button
+            variant='text'
+            size='large'
+            color='inherit'
+            startIcon={
+                <img
+                    src='assets/img/icon-transparent.png'
+                    alt=''
+                    aria-hidden
+                    style={{
+                        maxHeight: '1.25em',
+                        maxWidth: '1.25em'
+                    }}
+                />
+            }
+            component={Link}
+            to='/'
+        >
+            {isPending ? '' : (systemInfo?.ServerName || 'Jellyfin')}
+        </Button>
+    );
+};
+
+export default ServerButton;