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

Добавили заметки в сайдбар (#126)

Browse source 
* added notes sidebar

* added note dropping and editing

* added sidebar navigation

* handling sidebarchanges over time

* using router back for closing sidebar

* fixed tripping inside single sidebar

* added superpowers toggle to sidebar

* user button opens sidebar now

* added profile cover for profile sidebar

* removed profile sidebar completely

* ran prettier over project

* added note not found error literal
This commit is contained in:
muerwre 2022-08-12 14:07:19 +07:00 • committed by GitHub
parent fe3db608d6
commit 5d34090238
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
72 changed files with 1241 additions and 664 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/components/auth/login/LoginScene/index.tsx
View file

@ -1,10 +1,10 @@
import { FC, memo, useCallback, useEffect, useRef, useState } from "react";
import { FC, memo, useCallback, useEffect, useRef, useState } from 'react';
import { debounce, throttle } from "throttle-debounce";
import { debounce, throttle } from 'throttle-debounce';
import { useWindowSize } from "~/hooks/dom/useWindowSize";
import { useWindowSize } from '~/hooks/dom/useWindowSize';
import styles from "./styles.module.scss";
import styles from './styles.module.scss';
interface LoginSceneProps {}
@ -17,31 +17,31 @@ interface Layer {
const layers: Layer[] = [
{
src: "/images/clouds__bg.svg",
src: '/images/clouds__bg.svg',
velocity: -0.3,
width: 3840,
height: 1080,
},
{
src: "/images/clouds__cube.svg",
src: '/images/clouds__cube.svg',
velocity: -0.1,
width: 3840,
height: 1080,
},
{
src: "/images/clouds__cloud.svg",
src: '/images/clouds__cloud.svg',
velocity: 0.2,
width: 3840,
height: 1080,
},
{
src: "/images/clouds__dudes.svg",
src: '/images/clouds__dudes.svg',
velocity: 0.5,
width: 3840,
height: 1080,
},
{
src: "/images/clouds__trash.svg",
src: '/images/clouds__trash.svg',
velocity: 0.8,
width: 3840,
height: 1080,
@ -52,7 +52,7 @@ const LoginScene: FC<LoginSceneProps> = memo(() => {
const containerRef = useRef<HTMLDivElement>(null);
const [loaded, setLoaded] = useState(false);
const imageRefs = useRef<Array<SVGImageElement | null>>([]);
const { isMobile } = useWindowSize();
const { isTablet } = useWindowSize();
const domRect = useRef<DOMRect>();
const onMouseMove = useCallback(
@ -84,11 +84,11 @@ const LoginScene: FC<LoginSceneProps> = memo(() => {
useEffect(() => {
const listener = throttle(100, onMouseMove);
document.addEventListener("mousemove", listener);
return () => document.removeEventListener("mousemove", listener);
document.addEventListener('mousemove', listener);
return () => document.removeEventListener('mousemove', listener);
}, []);
if (isMobile) {
if (isTablet) {
return null;
}
@ -103,16 +103,16 @@ const LoginScene: FC<LoginSceneProps> = memo(() => {
>
<defs>
<linearGradient id="fallbackGradient" x1={0} x2={0} y1={1} y2={0}>
<stop style={{ stopColor: "#ffccaa", stopOpacity: 1 }} offset="0" />
<stop style={{ stopColor: '#ffccaa', stopOpacity: 1 }} offset="0" />
<stop
style={{ stopColor: "#fff6d5", stopOpacity: 1 }}
style={{ stopColor: '#fff6d5', stopOpacity: 1 }}
offset="0.34655526"
/>
<stop
style={{ stopColor: "#afc6e9", stopOpacity: 1 }}
style={{ stopColor: '#afc6e9', stopOpacity: 1 }}
offset="0.765342"
/>
<stop style={{ stopColor: "#879fde", stopOpacity: 1 }} offset="1" />
<stop style={{ stopColor: '#879fde', stopOpacity: 1 }} offset="1" />
</linearGradient>
</defs>