Add no plugins messaging

2025-07-16 13:08:50 -04:00
parent 9fd0fcc175
commit 89e07f2f2b
3 changed files with 72 additions and 14 deletions
@@ -0,0 +1,51 @@
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+import React, { type FC } from 'react';
+
+import globalize from 'lib/globalize';
+
+interface NoPluginResultsProps {
+    isFiltered: boolean
+    onViewAll: () => void
+    query: string
+}
+
+const NoPluginResults: FC<NoPluginResultsProps> = ({
+    isFiltered,
+    onViewAll,
+    query
+}) => {
+    return (
+        <Box
+            sx={{
+                textAlign: 'center'
+            }}
+        >
+            <Typography
+                component='div'
+                sx={{
+                    marginTop: 2,
+                    marginBottom: 1
+                }}
+            >
+                {
+                    query ?
+                        globalize.translate('SearchResultsEmpty', query) :
+                        globalize.translate('NoSubtitleSearchResultsFound')
+                }
+            </Typography>
+
+            {isFiltered && (
+                <Button
+                    variant='text'
+                    onClick={onViewAll}
+                >
+                    {globalize.translate('ViewAllPlugins')}
+                </Button>
+            )}
+        </Box>
+    );
+};
+
+export default NoPluginResults;