refactor: show lyricistant feather on small layout null state

We used to hide it because there wasn't enough space. There is now.
wardellbagby · Aug 5, 2022 · 09c7e5f · 09c7e5f
1 parent 2553a26
commit 09c7e5f
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/packages/renderer/main/detail/NullStateText.tsx b/packages/renderer/main/detail/NullStateText.tsx
@@ -1,11 +1,9 @@
-import { useSmallLayout } from '@lyricistant/renderer/app/useSmallLayout';
 import { ReactComponent as Feather } from '@lyricistant/renderer/lyricistant_feather.svg';
 import { Box, Typography, useTheme } from '@mui/material';
 import React from 'react';
 
 export const NullStateText = ({ text }: { text: string }) => {
   const theme = useTheme();
-  const isSmallLayout = useSmallLayout();
 
   return (
     <Box
@@ -22,14 +20,12 @@ export const NullStateText = ({ text }: { text: string }) => {
       justifyContent={'center'}
       flexDirection={'column'}
     >
-      {!isSmallLayout && (
-        <Feather
-          height={'64px'}
-          width={'64px'}
-          fill={theme.palette.text.disabled}
-          viewBox={'0 0 100 100'}
-        />
-      )}
+      <Feather
+        height={'64px'}
+        width={'64px'}
+        fill={theme.palette.text.disabled}
+        viewBox={'0 0 100 100'}
+      />
       <Typography
         sx={{
           color: theme.palette.text.disabled,