muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed dots on lab and flow

Browse source
This commit is contained in:
Fedor Katurov 2022-09-21 13:40:23 +07:00
parent 2395c9fbab
commit 2160f50711
3 changed files with 20 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/containers/main/Header/index.tsx
View file

@ -26,12 +26,10 @@ import styles from './styles.module.scss';
export interface HeaderProps {}
const Header: FC<HeaderProps> = observer(() => {
const labStats = useGetLabStats();
const [isScrolled, setIsScrolled] = useState(false);
const { showModal } = useModal();
const { isUser, user } = useAuth();
const { updates: flowUpdates } = useFlow();
const { hasFlowUpdates, hasLabUpdates } = useFlow();
const { borisCommentedAt } = useUpdates();
const { open } = useSidebar();
@ -52,12 +50,6 @@ const Header: FC<HeaderProps> = observer(() => {
[borisCommentedAt, isUser, user.last_seen_boris],
);
const hasLabUpdates = useMemo(
() => labStats.updates.length > 0,
[labStats.updates],
);
const hasFlowUpdates = useMemo(() => flowUpdates.length > 0, [flowUpdates]);
// Needed for SSR
useEffect(() => {
setIsScrolled(top > 10);

9
src/containers/main/Header/styles.module.scss
View file

@ -114,6 +114,11 @@
top: 6px;
transition: opacity 0.5s;
opacity: 0;
@include tablet {
top: -4px;
right: 14px;
}
}
&.has_dot {
@ -139,10 +144,6 @@
align-items: center;
margin-right: $gap;
}
&::after {
right: 0;
}
}
}