fix: add back quick search button to page title (#1495)

2026-07-19 11:06:25 +08:00 · 2023-03-10 14:37:09 +08:00
parent 3ef8e2db83
commit afd113b1f1
3 changed files with 10 additions and 3 deletions
@@ -0,0 +1,37 @@
+import { IconButton, IconButtonProps } from '@affine/component';
+import { styled } from '@affine/component';
+import { ArrowDownSmallIcon } from '@blocksuite/icons';
+
+const StyledIconButtonWithAnimate = styled(IconButton)(({ theme }) => {
+  return {
+    svg: {
+      transition: 'transform 0.15s ease-in-out',
+    },
+    ':hover': {
+      svg: {
+        transform: 'translateY(3px)',
+      },
+      '::after': {
+        background: theme.colors.pageBackground,
+      },
+    },
+  };
+});
+
+// fixme(himself65): need to refactor
+export const QuickSearchButton = ({
+  onClick,
+  ...props
+}: Omit<IconButtonProps, 'children'>) => {
+  return (
+    <StyledIconButtonWithAnimate
+      data-testid="header-quickSearchButton"
+      {...props}
+      onClick={e => {
+        onClick?.(e);
+      }}
+    >
+      <ArrowDownSmallIcon />
+    </StyledIconButtonWithAnimate>
+  );
+};