feat(dashboard): add refresh option to search button

Author: GerilLeto

dashboard/src/components/filter/search-button/index.tsx

@@ -1,15 +1,41 @@
-import { Button } from '@mantine/core';
+import { ActionIcon, Button, Menu } from '@mantine/core';
+import { IconChevronDown, IconRefresh } from '@tabler/icons-react';
+import { useTranslation } from 'react-i18next';
 import { useDashboardThemeContext } from '~/contexts';
 import { RenderSearchButtonProps } from '~/index';
 
 export const SearchButton = ({ disabled, onSubmit }: RenderSearchButtonProps) => {
+  const { t } = useTranslation();
   const { renderSearchButton } = useDashboardThemeContext();
   if (renderSearchButton) {
     return renderSearchButton({ disabled, onSubmit });
   }
   return (
-    <Button color="blue" size="sm" onClick={() => onSubmit()} disabled={disabled}>
-      Search
-    </Button>
+    <Button.Group>
+      <Button color="blue" size="sm" onClick={() => onSubmit()} disabled={disabled}>
+        {t('common.actions.search')}
+      </Button>
+      <Menu trigger="hover" disabled={disabled} position="bottom-end">
+        <Menu.Target>
+          <Button
+            disabled={disabled}
+            color="blue"
+            px="xs"
+            style={{ borderLeft: `1px solid ${disabled ? 'white' : 'var(--mantine-color-gray-4)'}` }}
+          >
+            <IconChevronDown size={16} />
+          </Button>
+        </Menu.Target>
+        <Menu.Dropdown>
+          <Menu.Item
+            leftSection={<IconRefresh size={14} />}
+            disabled={disabled}
+            onClick={() => onSubmit({ force: true })}
+          >
+            {t('common.actions.reload')}
+          </Menu.Item>
+        </Menu.Dropdown>
+      </Menu>
+    </Button.Group>
   );
 };

dashboard/src/i18n/en.ts

@@ -299,6 +299,8 @@ export const en = {
       copied: 'Copied to clipboard',
       action: 'Action',
       actions: {
+        search: 'Search',
+        reload: 'Reload',
         actions: 'Actions',
         open: 'Open',
         close: 'Close',

dashboard/src/i18n/zh.ts

@@ -299,6 +299,8 @@ export const zh = {
       copied: '已复制到剪切板',
       action: '操作',
       actions: {
+        search: '查询',
+        reload: '刷新',
         actions: '操作',
         open: '打开',
         close: '关闭',