Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-02 11:13:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-660] Remove react-simple-icons & use png instead of svg for icons (#870)

Browse source 
* use image instead of svg (mobile)

* use image instead of svg (desktop)

* remove unused svgs

* add brand svgs

* use brand svgs on landing

* use on desktop
This commit is contained in:
Utku 2023-05-26 18:57:56 +03:00 committed by GitHub
parent bdadbc8846
commit 1b4ec50519
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
30 changed files with 2212 additions and 695 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
apps/landing/next.config.js
View file

@ -27,7 +27,12 @@ const nextConfig = {
use: [
{
loader: '@svgr/webpack',
options: { icon: true, exportType: 'named', typescript: true }
options: {
icon: true,
exportType: 'named',
typescript: true,
svgProps: { fill: 'currentColor' }
}
}
]
}

1
apps/landing/package.json
View file

@ -12,7 +12,6 @@
"dependencies": {
"@auth/core": "^0.7.1",
"@aws-sdk/client-ses": "^3.337.0",
"@icons-pack/react-simple-icons": "^7.2.0",
"@planetscale/database": "^1.7.0",
"@sd/assets": "workspace:*",
"@sd/ui": "workspace:*",

26
apps/landing/src/components/Footer.tsx
View file

@ -1,12 +1,12 @@
import { AppLogo } from '@sd/assets/images';
import {
SiDiscord,
SiGithub,
SiInstagram,
SiOpencollective,
SiTwitch,
SiTwitter
} from '@icons-pack/react-simple-icons';
Discord,
Github,
Instagram,
Opencollective,
Twitch,
Twitter
} from '@sd/assets/svgs/brands';
import Image from 'next/image';
import Link from 'next/link';
import { PropsWithChildren } from 'react';
@ -37,22 +37,22 @@ export function Footer() {
</p>
<div className="mb-10 mt-6 flex flex-row space-x-3">
<FooterLink link="https://twitter.com/spacedriveapp">
<SiTwitter />
<Twitter className="h-6 w-6" />
</FooterLink>
<FooterLink link="https://discord.gg/gTaF2Z44f5">
<SiDiscord />
<Discord className="h-6 w-6" />
</FooterLink>
<FooterLink link="https://instagram.com/spacedriveapp">
<SiInstagram />
<Instagram className="h-6 w-6" />
</FooterLink>
<FooterLink link="https://github.com/spacedriveapp">
<SiGithub />
<Github className="h-6 w-6" />
</FooterLink>
<FooterLink link="https://opencollective.com/spacedrive">
<SiOpencollective />
<Opencollective className="h-6 w-6" />
</FooterLink>
<FooterLink link="https://twitch.tv/jamiepinelive">
<SiTwitch />
<Twitch className="h-6 w-6" />
</FooterLink>
</div>
</div>

7
apps/landing/src/components/HomeCTA.tsx
View file

@ -1,7 +1,7 @@
import { ReactComponent as Alert } from '@sd/assets/svgs/alert.svg';
import { Github } from '@sd/assets/svgs/brands';
import { ReactComponent as Info } from '@sd/assets/svgs/info.svg';
import { ReactComponent as Spinner } from '@sd/assets/svgs/spinner.svg';
import { SiGithub } from '@icons-pack/react-simple-icons';
import clsx from 'clsx';
import { useState } from 'react';
import { useForm } from 'react-hook-form';
@ -93,10 +93,7 @@ export function HomeCTA() {
className="z-30 cursor-pointer"
variant="accent"
>
<SiGithub
className="-ml-1 mr-2 mt-[-4px] inline h-5 w-5"
fill="white"
/>
<Github className="-ml-1 mr-2 mt-[-4px] inline h-5 w-5" fill="white" />
Star on GitHub
</Button>
</>

12
apps/landing/src/components/NavBar.tsx
View file

@ -1,5 +1,5 @@
import { AppLogo } from '@sd/assets/images';
import { SiAcademia, SiDiscord, SiGithub } from '@icons-pack/react-simple-icons';
import { Academia, Discord, Github } from '@sd/assets/svgs/brands';
import clsx from 'clsx';
import Image from 'next/image';
import Link from 'next/link';
@ -97,13 +97,13 @@ export default function NavBar() {
>
<Dropdown.Section>
<Dropdown.Item
icon={SiGithub}
icon={Github}
onClick={redirect('https://github.com/spacedriveapp/spacedrive')}
>
Repository
</Dropdown.Item>
<Dropdown.Item
icon={SiDiscord}
icon={Discord}
onClick={redirect('https://discord.gg/gTaF2Z44f5')}
>
Join Discord
@ -125,7 +125,7 @@ export default function NavBar() {
<Dropdown.Item icon={Chat} {...link('/blog', router)}>
Blog
</Dropdown.Item>
<Dropdown.Item icon={SiAcademia} {...link('/careers', router)}>
<Dropdown.Item icon={Academia} {...link('/careers', router)}>
Careers
{positions.length > 0 ? (
<span className="ml-2 rounded-md bg-primary px-[5px] py-px text-xs">
@ -138,14 +138,14 @@ export default function NavBar() {
<div className="absolute right-3 hidden flex-row space-x-5 lg:flex">
<Link href="https://discord.gg/gTaF2Z44f5" target="_blank" rel="noreferrer">
<SiDiscord className="text-white" />
<Discord className="h-6 w-6 text-white" />
</Link>
<Link
href="https://github.com/spacedriveapp/spacedrive"
target="_blank"
rel="noreferrer"
>
<SiGithub className="text-white" />
<Github className="h-6 w-6 text-white" />
</Link>
</div>
</div>

10
apps/landing/src/components/TeamMember.tsx
View file

@ -1,4 +1,4 @@
import { SiDribbble, SiGithub, SiTwitch, SiTwitter } from '@icons-pack/react-simple-icons';
import { Dribbble, Github, Twitch, Twitter } from '@sd/assets/svgs/brands';
import clsx from 'clsx';
import Image from 'next/image';
import NextLink from 'next/link';
@ -73,22 +73,22 @@ export function TeamMember(props: TeamMemberProps) {
<div className="mt-auto flex flex-row space-x-2">
{props.socials?.twitter && (
<Link href={props.socials.twitter}>
<SiTwitter className="h-[20px] w-[20px]" />
<Twitter className="h-[20px] w-[20px]" />
</Link>
)}
{props.socials?.github && (
<Link href={props.socials.github}>
<SiGithub className="h-[20px] w-[20px]" />
<Github className="h-[20px] w-[20px]" />
</Link>
)}
{props.socials?.twitch && (
<Link href={props.socials.twitch}>
<SiTwitch className="h-[20px] w-[20px]" />
<Twitch className="h-[20px] w-[20px]" />
</Link>
)}
{props.socials?.dribbble && (
<Link href={props.socials.dribbble}>
<SiDribbble className="h-[20px] w-[20px]" />
<Dribbble className="h-[20px] w-[20px]" />
</Link>
)}
</div>

4
apps/landing/src/pages/docs/[...slug].tsx
View file

@ -1,5 +1,5 @@
import { Github } from '@sd/assets/svgs/brands';
import { allDocs } from '@contentlayer/generated';
import { SiGithub } from '@icons-pack/react-simple-icons';
import { InferGetStaticPropsType } from 'next';
import { useMDXComponent } from 'next-contentlayer/hooks';
import Head from 'next/head';
@ -93,7 +93,7 @@ export default function DocPage({
className="w-full"
>
<BottomCard>
<SiGithub className="mr-3 w-5" />
<Github className="mr-3 w-5" />
Edit this page on GitHub
</BottomCard>
</Link>

9
apps/mobile/src/components/icons/FolderIcon.tsx
View file

@ -1,5 +1,4 @@
import { Folder } from '@sd/assets/icons';
import FolderWhite from '@sd/assets/svgs/folder-white.svg';
import { Folder, Folder_Light } from '@sd/assets/icons';
import { Image } from 'react-native';
type FolderProps = {
@ -15,11 +14,7 @@ type FolderProps = {
};
const FolderIcon: React.FC<FolderProps> = ({ size = 24, isWhite }) => {
return isWhite ? (
<FolderWhite width={size} height={size} />
) : (
<Image source={Folder} style={{ width: size, height: size }} />
);
return <Image source={isWhite ? Folder_Light : Folder} style={{ width: size, height: size }} />;
};
export default FolderIcon;

4
interface/app/onboarding/alpha.tsx
View file

@ -1,5 +1,5 @@
import { AlphaBg, AppLogo } from '@sd/assets/images';
import { SiDiscord } from '@icons-pack/react-simple-icons';
import { Discord } from '@sd/assets/svgs/brands';
import { useNavigate } from 'react-router-dom';
import { Button } from '@sd/ui';
import { usePlatform } from '~/util/Platform';
@ -33,7 +33,7 @@ export default function OnboardingAlpha() {
className="flex gap-2"
variant="gray"
>
<SiDiscord className="h-5 w-5" />
<Discord className="h-5 w-5 fill-white" />
Join Discord
</Button>
<Button

5
interface/components/Folder.tsx
View file

@ -1,5 +1,4 @@
import folderWhiteSvg from '@sd/assets/svgs/folder-white.svg';
import folderSvg from '@sd/assets/svgs/folder.svg';
import { Folder as Folder_Dark, Folder_Light } from '@sd/assets/icons';
interface FolderProps {
/**
@ -26,7 +25,7 @@ export function Folder(props: FolderProps) {
className={props.className}
width={size}
height={size}
src={props.white ? folderWhiteSvg : folderSvg}
src={props.white ? Folder_Light : Folder_Dark}
alt="Folder icon"
/>
);

3
interface/package.json
View file

@ -60,8 +60,7 @@
"ts-deepmerge": "^6.0.3",
"use-count-up": "^3.0.1",
"use-debounce": "^8.0.4",
"valtio": "^1.7.4",
"@icons-pack/react-simple-icons": "^7.2.0"
"valtio": "^1.7.4"
},
"devDependencies": {
"@sd/config": "workspace:*",

2
package.json
View file

@ -39,7 +39,7 @@
"cspell": "^6.12.0",
"prettier": "^2.8.7",
"prettier-plugin-tailwindcss": "^0.2.6",
"rimraf": "^4.3",
"rimraf": "^4.4.1",
"turbo": "^1.9.9",
"turbo-ignore": "^0.3.0",
"typescript": "^4.9.4",

5
packages/assets/scripts/generate.mjs
View file

@ -13,7 +13,7 @@ import { dirname, join } from 'path';
import prettier from 'prettier';
import { fileURLToPath } from 'url';
const assetFolders = ['icons', 'images'];
const assetFolders = ['icons', 'images', 'svgs/brands'];
const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
@ -34,6 +34,9 @@ assetFolders.forEach((folder) => {
.filter((fileName) => fileName !== 'index.ts')
.map((fileName) => {
const variableName = fileName.split('.')[0].replace(/-/g, '');
if (folder.startsWith('svgs')) {
return `import { ReactComponent as ${variableName} } from './${fileName}';`;
}
return `import ${variableName} from './${fileName}';`;
})
.join('\n');

4
packages/assets/svgs/brands/Academia.svg Normal file
View file

@ -0,0 +1,4 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M22.033 21.18L13.77.459H7.869l1.049 2.623L1.836 21.18C1.574 22.098.787 22.23 0 22.361v1.18h6.82v-1.18C4.984 22.23 3.934 21.967 4.721 20c.131-.131.656-1.574 1.311-3.41h8.393l1.18 3.016c.131.525.262.918.262 1.311 0 1.049-.918 1.443-2.623 1.443v1.18H24v-1.18c-.918-.13-1.705-.393-1.967-1.18zM6.82 14.361a363.303 363.303 0 0 0 3.279-8.525l3.41 8.525H6.82z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 449 B

4
packages/assets/svgs/brands/Discord.svg Normal file
View file

@ -0,0 +1,4 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

4
packages/assets/svgs/brands/Dribbble.svg Normal file
View file

@ -0,0 +1,4 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 970 B

4
packages/assets/svgs/brands/Github.svg Normal file
View file

@ -0,0 +1,4 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 810 B

4
packages/assets/svgs/brands/Instagram.svg Normal file
View file

@ -0,0 +1,4 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

4
packages/assets/svgs/brands/Opencollective.svg Normal file
View file

@ -0,0 +1,4 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c2.54 0 4.894-.79 6.834-2.135l-3.107-3.109a7.715 7.715 0 1 1 0-13.512l3.107-3.109A11.943 11.943 0 0 0 12 0zm9.865 5.166l-3.109 3.107A7.67 7.67 0 0 1 19.715 12a7.682 7.682 0 0 1-.959 3.727l3.109 3.107A11.943 11.943 0 0 0 24 12c0-2.54-.79-4.894-2.135-6.834z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 394 B

4
packages/assets/svgs/brands/Twitch.svg Normal file
View file

@ -0,0 +1,4 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 280 B

4
packages/assets/svgs/brands/Twitter.svg Normal file
View file

@ -0,0 +1,4 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 589 B

14
packages/assets/svgs/brands/index.ts Normal file
View file

@ -0,0 +1,14 @@
/*
* This file was automatically generated by a script.
* To regenerate this file, run: pnpm assets gen
*/
import { ReactComponent as Academia } from './Academia.svg';
import { ReactComponent as Discord } from './Discord.svg';
import { ReactComponent as Dribbble } from './Dribbble.svg';
import { ReactComponent as Github } from './Github.svg';
import { ReactComponent as Instagram } from './Instagram.svg';
import { ReactComponent as Opencollective } from './Opencollective.svg';
import { ReactComponent as Twitch } from './Twitch.svg';
import { ReactComponent as Twitter } from './Twitter.svg';
export { Academia, Discord, Dribbble, Github, Instagram, Opencollective, Twitch, Twitter };

0
packages/assets/svgs/drive.svg
View file

75
packages/assets/svgs/file.svg
View file

@ -1,75 +0,0 @@
<svg width="247" height="312" viewBox="0 0 247 312" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_1_20)">
<path d="M221.988 72.0685C227.407 77.4872 230.451 84.8366 230.451 92.5V271.715C230.451 287.673 217.515 300.609 201.557 300.609H35.8945C19.9365 300.609 7 287.673 7 271.715L7.00001 40.5584C7.00001 24.6004 19.9366 11.6638 35.8946 11.6638L147.068 10.537C154.732 10.537 162.081 13.5812 167.5 19L221.988 72.0685Z" fill="url(#paint0_linear_1_20)"/>
<path d="M221.988 72.0685C227.407 77.4872 230.451 84.8366 230.451 92.5V271.715C230.451 287.673 217.515 300.609 201.557 300.609H35.8945C19.9365 300.609 7 287.673 7 271.715L7.00001 40.5584C7.00001 24.6004 19.9366 11.6638 35.8946 11.6638L147.068 10.537C154.732 10.537 162.081 13.5812 167.5 19L221.988 72.0685Z" fill="url(#paint1_linear_1_20)" fill-opacity="0.2"/>
<path d="M221.988 72.0685C227.407 77.4872 230.451 84.8366 230.451 92.5V271.715C230.451 287.673 217.515 300.609 201.557 300.609H35.8945C19.9365 300.609 7 287.673 7 271.715L7.00001 40.5584C7.00001 24.6004 19.9366 11.6638 35.8946 11.6638L147.068 10.537C154.732 10.537 162.081 13.5812 167.5 19L221.988 72.0685Z" stroke="url(#paint2_radial_1_20)" stroke-width="5"/>
</g>
<g filter="url(#filter1_d_1_20)">
<path d="M152 55.6936V9C159.404 10.2017 166.255 13.666 171.611 18.9172L197.516 44.3145L223.505 69.7941C228.757 74.9427 231.954 81.8272 232.5 89.1613H185.468C166.984 89.1613 152 74.1773 152 55.6936Z" fill="url(#paint3_linear_1_20)"/>
<path d="M153.5 55.6936V10.8087C159.929 12.1906 165.848 15.368 170.561 19.9883L196.466 45.3856L222.455 70.8652C227.06 75.3797 230.003 81.2983 230.839 87.6613H185.468C167.812 87.6613 153.5 73.3489 153.5 55.6936Z" stroke="url(#paint4_radial_1_20)" stroke-width="3"/>
</g>
<g filter="url(#filter2_d_1_20)">
<path d="M152 55.6936V9C159.404 10.2017 166.255 13.666 171.611 18.9172L197.516 44.3145L223.505 69.7941C228.757 74.9427 231.954 81.8272 232.5 89.1613H185.468C166.984 89.1613 152 74.1773 152 55.6936Z" fill="url(#paint5_linear_1_20)"/>
<path d="M153.5 55.6936V10.8087C159.929 12.1906 165.848 15.368 170.561 19.9883L196.466 45.3856L222.455 70.8652C227.06 75.3797 230.003 81.2983 230.839 87.6613H185.468C167.812 87.6613 153.5 73.3489 153.5 55.6936Z" stroke="url(#paint6_radial_1_20)" stroke-width="3"/>
</g>
<defs>
<filter id="filter0_d_1_20" x="0.5" y="8.03699" width="236.451" height="303.072" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_20"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_20" result="shape"/>
</filter>
<filter id="filter1_d_1_20" x="128" y="0" width="118.5" height="118.161" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-5" dy="10"/>
<feGaussianBlur stdDeviation="9.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_20"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_20" result="shape"/>
</filter>
<filter id="filter2_d_1_20" x="128" y="0" width="118.5" height="118.161" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-5" dy="10"/>
<feGaussianBlur stdDeviation="9.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_20"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_20" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1_20" x1="119" y1="249" x2="119" y2="301" gradientUnits="userSpaceOnUse">
<stop stop-color="#252633"/>
<stop offset="1" stop-color="#20212A"/>
</linearGradient>
<linearGradient id="paint1_linear_1_20" x1="25.5" y1="28.5" x2="201" y2="80" gradientUnits="userSpaceOnUse">
<stop stop-color="#36364F"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint2_radial_1_20" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(83 109) rotate(81.8057) scale(252.579 194.569)">
<stop stop-color="#4A496B"/>
<stop offset="0.75" stop-color="#20212D"/>
</radialGradient>
<linearGradient id="paint3_linear_1_20" x1="206.045" y1="37.6468" x2="152.845" y2="80.9321" gradientUnits="userSpaceOnUse">
<stop stop-color="#313347"/>
<stop offset="1" stop-color="#20222F"/>
</linearGradient>
<radialGradient id="paint4_radial_1_20" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(138.5 72.5) rotate(-22.0564) scale(62.58 62.8444)">
<stop stop-color="#464967"/>
<stop offset="1" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint5_linear_1_20" x1="206.045" y1="37.6468" x2="152.845" y2="80.9321" gradientUnits="userSpaceOnUse">
<stop stop-color="#313347"/>
<stop offset="1" stop-color="#20222F"/>
</linearGradient>
<radialGradient id="paint6_radial_1_20" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(138.5 72.5) rotate(-22.0564) scale(62.58 62.8444)">
<stop stop-color="#464967"/>
<stop offset="1" stop-opacity="0"/>
</radialGradient>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 5.8 KiB

15
packages/assets/svgs/folder-white.svg
View file

@ -1,15 +0,0 @@
<svg style="width: 100%; height: auto;" viewBox="0 0 141 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 15.5273C0 7.15264 6.78899 0.363647 15.1636 0.363647H35.9094C39.3671 0.363647 42.7035 1.63836 45.2803 3.94395C47.8571 6.24955 51.1935 7.52425 54.6512 7.52425H123.836C132.211 7.52425 139 14.3132 139 22.6879V23.9515C139 32.3262 132.211 39.1152 123.836 39.1152H15.1636C6.78899 39.1152 0 32.3262 0 23.9515V15.5273Z" fill="url(#paint0_linear_0_3)" />
<path d="M0 29.8485C0 23.8001 4.90316 18.897 10.9515 18.897H128.048C134.097 18.897 139 23.8001 139 29.8485V94.7152C139 103.09 132.211 109.879 123.836 109.879H15.1636C6.78899 109.879 0 103.09 0 94.7152V29.8485Z" fill="url(#paint1_linear_0_3)" />
<path d="M0.582787 99.2818L140.005 100" stroke="white" stroke-opacity="0.03" stroke-width="2" />
<defs>
<linearGradient id="paint0_linear_0_3" x1="69.5" y1="0.363647" x2="69.5" y2="39.1152" gradientUnits="userSpaceOnUse">
<stop stop-color="#E7E6E6" />
<stop offset="1" stop-color="white" />
</linearGradient>
<linearGradient id="paint1_linear_0_3" x1="69.5" y1="18.897" x2="69.5" y2="109.879" gradientUnits="userSpaceOnUse">
<stop stop-color="white" />
<stop offset="1" stop-color="#EAEAEA" />
</linearGradient>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.3 KiB

83
packages/assets/svgs/folder.svg
View file

@ -1,83 +0,0 @@
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_31_482" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="12" width="80" height="64">
<path d="M74 20C76.6522 20 79.1957 21.0536 81.0711 22.9289C82.9464 24.8043 84 27.3478 84 30V66C84 68.6522 82.9464 71.1957 81.0711 73.0711C79.1957 74.9464 76.6522 76 74 76H14C11.3478 76 8.80429 74.9464 6.92892 73.0711C5.05356 71.1957 4 68.6522 4 66V22C4 19.3478 5.05356 16.8043 6.92892 14.9289C8.80429 13.0536 11.3478 12 14 12H32.84C33.9052 11.9991 34.9598 12.2109 35.9421 12.623C36.9243 13.0352 37.8144 13.6393 38.56 14.4L41.64 17.6C42.3857 18.3607 43.2757 18.9648 44.2579 19.377C45.2401 19.7891 46.2948 20.0009 47.36 20H74Z" fill="#1F56E2"/>
</mask>
<g mask="url(#mask0_31_482)">
<path d="M74 20C76.6522 20 79.1957 21.0536 81.0711 22.9289C82.9464 24.8043 84 27.3478 84 30V66C84 68.6522 82.9464 71.1957 81.0711 73.0711C79.1957 74.9464 76.6522 76 74 76H14C11.3478 76 8.80429 74.9464 6.92892 73.0711C5.05356 71.1957 4 68.6522 4 66V22C4 19.3478 5.05356 16.8043 6.92892 14.9289C8.80429 13.0536 11.3478 12 14 12H32.84C33.9052 11.9991 34.9598 12.2109 35.9421 12.623C36.9243 13.0352 37.8144 13.6393 38.56 14.4L41.64 17.6C42.3857 18.3607 43.2757 18.9648 44.2579 19.377C45.2401 19.7891 46.2948 20.0009 47.36 20H74Z" fill="#1F56E2"/>
<mask id="mask1_31_482" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="12" width="80" height="64">
<path d="M74 20C76.6522 20 79.1957 21.0536 81.0711 22.9289C82.9464 24.8043 84 27.3478 84 30V66C84 68.6522 82.9464 71.1957 81.0711 73.0711C79.1957 74.9464 76.6522 76 74 76H14C11.3478 76 8.80429 74.9464 6.92892 73.0711C5.05356 71.1957 4 68.6522 4 66V22C4 19.3478 5.05356 16.8043 6.92892 14.9289C8.80429 13.0536 11.3478 12 14 12H32.84C33.9052 11.9991 34.9598 12.2109 35.9421 12.623C36.9243 13.0352 37.8144 13.6393 38.56 14.4L41.64 17.6C42.3857 18.3607 43.2757 18.9648 44.2579 19.377C45.2401 19.7891 46.2948 20.0009 47.36 20H74Z" fill="#1F56E2"/>
</mask>
<g mask="url(#mask1_31_482)">
<g filter="url(#filter0_f_31_482)">
<path d="M85.5 66V30C85.5 27.3478 82.9464 24.8043 81.0711 22.9289C79.1957 21.0536 76.6522 20 74 20H47.36C46.2948 20.0009 45.2401 19.7891 44.2579 19.377C43.2757 18.9648 42.3857 18.3607 41.64 17.6L38.56 14.4C37.8144 13.6393 36.9243 13.0352 35.9421 12.623C34.9598 12.2109 33.9052 11.9991 32.84 12H14C11.3478 12 8.80429 13.0536 6.92892 14.9289C5.05356 16.8043 4 19.3478 4 22L2 66" stroke="url(#paint0_linear_31_482)" stroke-width="10"/>
</g>
<g filter="url(#filter1_f_31_482)">
<path d="M85.5 66V30C85.5 27.3478 82.9464 24.8043 81.0711 22.9289C79.1957 21.0536 76.6522 20 74 20H47.36C46.2948 20.0009 45.2401 19.7891 44.2579 19.377C43.2757 18.9648 42.3857 18.3607 41.64 17.6L38.56 14.4C37.8144 13.6393 36.9243 13.0352 35.9421 12.623C34.9598 12.2109 33.9052 11.9991 32.84 12H14C11.3478 12 8.80429 13.0536 6.92892 14.9289C5.05356 16.8043 4 19.3478 4 22L2 66" stroke="url(#paint1_linear_31_482)" stroke-width="8"/>
</g>
<path d="M32.85 13C33.7812 12.998 34.7032 13.1851 35.56 13.55C36.4144 13.9074 37.1894 14.4309 37.84 15.09L40.93 18.3C41.7672 19.1556 42.7667 19.8355 43.87 20.3C44.9756 20.7618 46.1618 20.9997 47.36 21H74C75.182 20.9978 76.3527 21.2299 77.4444 21.6831C78.5361 22.1362 79.5271 22.8014 80.36 23.64C81.1986 24.4729 81.8638 25.4639 82.3169 26.5556C82.7701 27.6473 83.0022 28.818 83 30V66C83 68.3869 82.0518 70.6761 80.364 72.364C78.6761 74.0518 76.3869 75 74 75H14C12.818 75.0022 11.6473 74.7701 10.5556 74.3169C9.46393 73.8638 8.47295 73.1986 7.64 72.36C6.80136 71.5271 6.13623 70.5361 5.68307 69.4444C5.22992 68.3527 4.99775 67.182 5 66V22C4.99775 20.818 5.22992 19.6473 5.68307 18.5556C6.13623 17.4639 6.80136 16.4729 7.64 15.64C8.47295 14.8014 9.46393 14.1362 10.5556 13.6831C11.6473 13.2299 12.818 12.9978 14 13H32.85ZM32.85 12H14C11.3481 12.0006 8.80493 13.0545 6.93 14.93C5.05451 16.8049 4.00057 19.3481 4 22V66C4.00057 68.6519 5.05451 71.1951 6.93 73.07C8.80493 74.9455 11.3481 75.9994 14 76H74C76.6522 76 79.1957 74.9464 81.0711 73.0711C82.9464 71.1957 84 68.6522 84 66V30C83.9994 27.3481 82.9455 24.8049 81.07 22.93C79.1951 21.0545 76.6519 20.0006 74 20H47.35C46.2891 20.0003 45.2387 19.7895 44.26 19.38C43.2795 18.9621 42.3897 18.3576 41.64 17.6L38.56 14.4C37.8103 13.6424 36.9205 13.0379 35.94 12.62C34.9613 12.2105 33.9109 11.9997 32.85 12V12Z" fill="url(#paint2_linear_31_482)"/>
</g>
<g filter="url(#filter2_f_31_482)">
<rect x="8" y="27" width="69" height="13" rx="6.5" fill="#2054D9"/>
</g>
<path d="M4.5 66L4.5 38C4.5 32.7533 8.75329 28.5 14 28.5L74 28.5C79.2467 28.5 83.5 32.7533 83.5 38V66C83.5 71.2467 79.2467 75.5 74 75.5H14C8.75329 75.5 4.5 71.2467 4.5 66Z" fill="url(#paint3_linear_31_482)" stroke="url(#paint4_linear_31_482)"/>
<mask id="mask2_31_482" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="12" width="80" height="64">
<path d="M74 20C76.6522 20 79.1957 21.0536 81.0711 22.9289C82.9464 24.8043 84 27.3478 84 30V66C84 68.6522 82.9464 71.1957 81.0711 73.0711C79.1957 74.9464 76.6522 76 74 76H14C11.3478 76 8.80429 74.9464 6.92892 73.0711C5.05356 71.1957 4 68.6522 4 66V22C4 19.3478 5.05356 16.8043 6.92892 14.9289C8.80429 13.0536 11.3478 12 14 12H32.84C33.9052 11.9991 34.9598 12.2109 35.9421 12.623C36.9243 13.0352 37.8144 13.6393 38.56 14.4L41.64 17.6C42.3857 18.3607 43.2757 18.9648 44.2579 19.377C45.2401 19.7891 46.2948 20.0009 47.36 20H74Z" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask2_31_482)">
<g filter="url(#filter3_f_31_482)">
<path d="M81.0711 21.9289C79.7081 20.5659 77.9922 19.6371 76.1381 19.2312C74.9757 18.9768 74 18.0353 74 16.8453C74 15.3959 75.4023 14.3599 76.7877 14.7857L85.283 17.3966C88.4297 18.3637 90.6628 21.1597 90.9102 24.4424L94.2921 69.3133C94.4268 71.0999 93.9578 72.8801 92.9603 74.3684L87.8766 81.9538C86.3913 84.17 83.899 85.5 81.2311 85.5H8.16124C7.34451 85.5 6.5326 85.3749 5.75373 85.1292L-4.90751 81.7648C-8.23652 80.7143 -10.5 77.6265 -10.5 74.1357V29L-8.59361 14.1302C-8.22681 11.2691 -6.34822 8.82705 -3.67693 7.73875L3.70219 4.73244C4.80968 4.28124 6.07541 4.47387 6.99854 5.23409L7.93741 6.00728C9.97802 7.68778 8.79817 12.0597 6.92892 13.9289C5.05356 15.8043 4 18.3478 4 21V65C4 67.6522 5.05356 70.1957 6.92892 72.0711C8.80429 73.9464 11.3478 75 14 75H74C76.6522 75 79.1957 73.9464 81.0711 72.0711C82.9464 70.1957 84 67.6522 84 65V29C84 26.3478 82.9464 23.8043 81.0711 21.9289Z" fill="url(#paint5_linear_31_482)"/>
<path d="M81.0711 21.9289C79.7081 20.5659 77.9922 19.6371 76.1381 19.2312C74.9757 18.9768 74 18.0353 74 16.8453C74 15.3959 75.4023 14.3599 76.7877 14.7857L85.283 17.3966C88.4297 18.3637 90.6628 21.1597 90.9102 24.4424L94.2921 69.3133C94.4268 71.0999 93.9578 72.8801 92.9603 74.3684L87.8766 81.9538C86.3913 84.17 83.899 85.5 81.2311 85.5H8.16124C7.34451 85.5 6.5326 85.3749 5.75373 85.1292L-4.90751 81.7648C-8.23652 80.7143 -10.5 77.6265 -10.5 74.1357V29L-8.59361 14.1302C-8.22681 11.2691 -6.34822 8.82705 -3.67693 7.73875L3.70219 4.73244C4.80968 4.28124 6.07541 4.47387 6.99854 5.23409L7.93741 6.00728C9.97802 7.68778 8.79817 12.0597 6.92892 13.9289C5.05356 15.8043 4 18.3478 4 21V65C4 67.6522 5.05356 70.1957 6.92892 72.0711C8.80429 73.9464 11.3478 75 14 75H74C76.6522 75 79.1957 73.9464 81.0711 72.0711C82.9464 70.1957 84 67.6522 84 65V29C84 26.3478 82.9464 23.8043 81.0711 21.9289Z" stroke="url(#paint6_linear_31_482)" stroke-width="3"/>
</g>
</g>
</g>
<defs>
<filter id="filter0_f_31_482" x="-10.9948" y="-1" width="109.495" height="75.2271" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_31_482"/>
</filter>
<filter id="filter1_f_31_482" x="-5.99588" y="4" width="99.4959" height="66.1816" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_31_482"/>
</filter>
<filter id="filter2_f_31_482" x="4" y="23" width="77" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_31_482"/>
</filter>
<filter id="filter3_f_31_482" x="-17" y="-2.00818" width="117.815" height="94.0082" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_31_482"/>
</filter>
<linearGradient id="paint0_linear_31_482" x1="46.929" y1="12" x2="46.929" y2="76" gradientUnits="userSpaceOnUse">
<stop stop-color="#0175CB"/>
<stop offset="1" stop-color="#007DFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_31_482" x1="46.929" y1="12" x2="46.929" y2="76" gradientUnits="userSpaceOnUse">
<stop stop-color="#007DFF"/>
<stop offset="1" stop-color="#007DFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_31_482" x1="44" y1="12" x2="44" y2="76" gradientUnits="userSpaceOnUse">
<stop stop-color="#0064AC"/>
<stop offset="0.380208" stop-color="#0A6BC1"/>
</linearGradient>
<linearGradient id="paint3_linear_31_482" x1="44" y1="28" x2="44" y2="76" gradientUnits="userSpaceOnUse">
<stop stop-color="#2599FF"/>
<stop offset="1" stop-color="#51B6FF"/>
</linearGradient>
<linearGradient id="paint4_linear_31_482" x1="44" y1="28" x2="44" y2="76" gradientUnits="userSpaceOnUse">
<stop stop-color="#49B3FF"/>
<stop offset="1" stop-color="#158AF0"/>
</linearGradient>
<linearGradient id="paint5_linear_31_482" x1="42" y1="23.5" x2="42" y2="76.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#005CC9" stop-opacity="0"/>
<stop offset="1" stop-color="#005CC9"/>
</linearGradient>
<linearGradient id="paint6_linear_31_482" x1="42" y1="-10" x2="42" y2="77" gradientUnits="userSpaceOnUse">
<stop stop-color="#005CC9" stop-opacity="0"/>
<stop offset="1" stop-color="#005CC9"/>
</linearGradient>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 10 KiB

94
packages/assets/svgs/video.svg
View file

@ -1,94 +0,0 @@
<svg width="89" height="88" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_41_276" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="8" width="73" height="72">
<path d="M14.4602 23.1889L70.4601 8.18894C71.9925 7.79642 73.6176 8.02067 74.9864 8.81349C76.3551 9.60632 77.3582 10.9045 77.7802 12.4289L79.3002 18.2289C79.4398 18.7359 79.478 19.2653 79.4128 19.787C79.3476 20.3087 79.1802 20.8125 78.9202 21.2694C78.6601 21.7264 78.3125 22.1276 77.8973 22.4501C77.482 22.7726 77.0073 23.0101 76.5002 23.1489L23.2768 37.5234C23.8301 38.2512 24.2089 39.0951 24.3859 39.989H76.5C76.5522 39.989 76.6041 39.99 76.6558 39.992C77.5646 39.9556 78.4574 40.2532 79.1634 40.8314C79.9098 41.4427 80.3891 42.3197 80.5 43.2774V73.3992C80.2879 75.3186 79.332 77.0789 77.8369 78.3033C76.3417 79.5278 74.4262 80.1191 72.5 79.9509H18.5C16.1225 80.1673 13.7535 79.4562 11.8893 77.9668C10.0251 76.4773 8.81053 74.3251 8.5 71.961V43.989C8.5 43.5857 8.5597 43.1963 8.67073 42.8292C8.66469 42.8157 8.6588 42.8021 8.65306 42.7884C8.55207 42.548 8.50009 42.2898 8.50014 42.029V30.029C8.49694 29.7667 8.54868 29.5066 8.65201 29.2655C8.68574 29.1868 8.72473 29.1107 8.76864 29.0377C8.94588 28.3022 9.22807 27.5893 9.6122 26.9218C10.6697 25.0843 12.4134 23.7417 14.4602 23.1889Z" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_41_276)">
<path d="M76.5001 40.5125H76.5206L76.541 40.5108C77.3739 40.4425 78.2007 40.7001 78.8467 41.2292C79.4856 41.7524 79.8982 42.5005 80.0001 43.3183V73.3822C79.7964 75.1611 78.9072 76.7915 77.5202 77.9275C76.1261 79.0692 74.3398 79.6207 72.5436 79.4638L72.5219 79.4619H72.5001H18.5001H18.4774L18.4548 79.464C16.2058 79.6686 13.9648 78.996 12.2015 77.5871C10.4467 76.185 9.30051 74.1621 9.00012 71.9389V48.5528C9.00012 44.1123 12.5999 40.5125 17.0405 40.5125H76.5001Z" fill="url(#paint0_linear_41_276)" stroke="url(#paint1_radial_41_276)"/>
<rect x="8.5" y="40.0001" width="72" height="12" fill="#D9D9D9"/>
<rect x="8.5" y="40.0001" width="72" height="12" fill="#21232F"/>
<mask id="mask1_41_276" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="40" width="73" height="13">
<rect x="8.5" y="40.0001" width="72" height="12" fill="white"/>
</mask>
<g mask="url(#mask1_41_276)">
<g clip-path="url(#clip0_41_276)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.6284 -1.18212L-0.48434 69.7152L-9.99194 60.8492L56.1208 -10.0481L65.6284 -1.18212Z" fill="white" fill-opacity="0.9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M83.6905 15.661L17.5777 86.5583L8.07007 77.6923L74.1829 6.79504L83.6905 15.661Z" fill="white" fill-opacity="0.9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M101.753 32.5042L35.6398 103.401L26.1322 94.5355L92.245 23.6382L101.753 32.5042Z" fill="white" fill-opacity="0.9"/>
</g>
</g>
<g filter="url(#filter0_i_41_276)">
<path d="M9.30407 32.8741L9.30409 32.8741L9.30302 32.8701C8.78707 30.9507 9.05413 28.9049 10.0456 27.1822C11.0369 25.4597 12.6714 24.2011 14.59 23.6828C14.5902 23.6827 14.5903 23.6827 14.5905 23.6826L70.5842 8.68428C70.5851 8.68407 70.5859 8.68385 70.5868 8.68363C71.9915 8.3245 73.4811 8.53038 74.7358 9.25714C75.9903 9.98382 76.91 11.1733 77.2974 12.5703C77.2977 12.5713 77.298 12.5723 77.2983 12.5733L78.8165 18.3667L78.8181 18.3727C78.9402 18.8162 78.9738 19.2795 78.9167 19.736C78.8596 20.1925 78.7132 20.6333 78.4856 21.0331C78.2581 21.4329 77.9539 21.784 77.5906 22.0662C77.2275 22.3482 76.8124 22.5559 76.369 22.6774C76.3687 22.6775 76.3684 22.6776 76.3681 22.6777L14.6133 39.3563C14.6128 39.3564 14.6123 39.3565 14.6118 39.3567C13.7165 39.591 12.7649 39.4613 11.965 38.9958C11.1651 38.5303 10.5821 37.7668 10.3437 36.8726C10.3436 36.8722 10.3434 36.8717 10.3433 36.8713L9.30407 32.8741Z" fill="#21232F" stroke="url(#paint2_linear_41_276)"/>
<mask id="mask2_41_276" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="8" width="72" height="32">
<path d="M70.4601 8.19992L14.4602 23.1999C12.4134 23.7527 10.6697 25.0953 9.6122 26.9328C8.55468 28.7703 8.26981 30.9525 8.82016 32.9999L9.86015 36.9999C10.1324 38.0226 10.7989 38.8956 11.7135 39.4279C12.6282 39.9602 13.7165 40.1084 14.7402 39.8399L76.5002 23.1599C77.0073 23.0211 77.482 22.7836 77.8973 22.4611C78.3125 22.1386 78.6601 21.7374 78.9202 21.2804C79.1802 20.8235 79.3476 20.3197 79.4128 19.798C79.478 19.2763 79.4398 18.7468 79.3002 18.2399L77.7802 12.4399C77.3582 10.9154 76.3551 9.61731 74.9864 8.82448C73.6176 8.03165 71.9925 7.8074 70.4601 8.19992Z" fill="#21232F"/>
</mask>
<g mask="url(#mask2_41_276)">
<g clip-path="url(#clip1_41_276)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.35812 3.55729L69.6409 66.4889L61.2846 76.4475L-13.7144 13.5159L-5.35812 3.55729Z" fill="white" fill-opacity="0.9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.412 -15.2369L85.411 47.6947L77.0548 57.6533L2.05579 -5.27832L10.412 -15.2369Z" fill="white" fill-opacity="0.9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.1822 -34.031L101.181 28.9007L92.8249 38.8592L17.8259 -24.0724L26.1822 -34.031Z" fill="white" fill-opacity="0.9"/>
</g>
</g>
<path d="M9.86011 36.9999C10.1324 38.0226 10.7988 38.8957 11.7135 39.428C12.6281 39.9603 13.7165 40.1084 14.7401 39.8399L76.5001 23.1599C77.0072 23.0211 77.482 22.7836 77.8972 22.4611C78.3125 22.1386 78.6601 21.7374 78.9201 21.2804C79.1802 20.8235 79.5163 20.1626 79.5815 19.6409C79.6467 19.1192 79.7211 16.6672 79.5815 16.1603" stroke="url(#paint3_linear_41_276)" stroke-opacity="0.1" stroke-width="2"/>
</g>
<path d="M23.308 42.805L23.3022 42.8108L23.2965 42.8168C23.088 43.0378 22.8355 43.2127 22.5553 43.3304C22.2751 43.4481 21.9735 43.5059 21.6697 43.5001L21.6697 43.5H21.6601H10.5001V43.4999L10.4899 43.5001C10.2957 43.5041 10.1027 43.4692 9.92207 43.3976C9.74147 43.326 9.57698 43.2191 9.43824 43.0832C9.29949 42.9472 9.18928 42.7849 9.11405 42.6058C9.03883 42.4267 9.0001 42.2344 9.00014 42.0401V42.04V30.04H9.00018L9.0001 30.0339C8.99776 29.8414 9.03573 29.6505 9.11158 29.4735C9.18743 29.2965 9.29949 29.1373 9.44053 29.0062L9.45278 28.9949L9.46423 28.9827C9.73768 28.6922 10.1131 28.5192 10.5114 28.5H11.3399C12.798 28.5013 14.196 29.0816 15.2264 30.1133L15.2266 30.1135L22.3866 37.2736L22.3868 37.2738C23.4182 38.3038 23.9984 39.7012 24.0001 41.1588C23.9961 41.7774 23.7473 42.3693 23.308 42.805Z" fill="url(#paint4_linear_41_276)" stroke="url(#paint5_linear_41_276)"/>
<circle cx="12.0001" cy="32.5" r="1.5" fill="#1F1F1F"/>
<circle cx="21.0001" cy="40.5" r="1.5" fill="#1F1F1F"/>
<circle cx="12.0001" cy="40.5" r="1.5" fill="#1F1F1F"/>
<mask id="mask3_41_276" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="8" width="73" height="72">
<path d="M14.4602 23.1889L70.4601 8.18894C71.9925 7.79642 73.6176 8.02067 74.9864 8.81349C76.3551 9.60632 77.3582 10.9045 77.7802 12.4289L79.3002 18.2289C79.4398 18.7359 79.478 19.2653 79.4128 19.787C79.3476 20.3087 79.1802 20.8125 78.9202 21.2694C78.6601 21.7264 78.3125 22.1276 77.8973 22.4501C77.482 22.7726 77.0073 23.0101 76.5002 23.1489L23.2768 37.5234C23.8301 38.2512 24.2089 39.0951 24.3859 39.989H76.5C76.5522 39.989 76.6041 39.99 76.6558 39.992C77.5646 39.9556 78.4574 40.2532 79.1634 40.8314C79.9098 41.4427 80.3891 42.3197 80.5 43.2774V73.3992C80.2879 75.3186 79.332 77.0789 77.8369 78.3033C76.3417 79.5278 74.4262 80.1191 72.5 79.9509H18.5C16.1225 80.1673 13.7535 79.4562 11.8893 77.9668C10.0251 76.4773 8.81053 74.3251 8.5 71.961V43.989C8.5 43.5857 8.5597 43.1963 8.67073 42.8292C8.66469 42.8157 8.6588 42.8021 8.65306 42.7884C8.55207 42.548 8.50009 42.2898 8.50014 42.029V30.029C8.49694 29.7667 8.54868 29.5066 8.65201 29.2655C8.68574 29.1868 8.72473 29.1107 8.76864 29.0377C8.94588 28.3022 9.22807 27.5893 9.6122 26.9218C10.6697 25.0843 12.4134 23.7417 14.4602 23.1889Z" fill="#FF8000"/>
</mask>
<g mask="url(#mask3_41_276)">
<g filter="url(#filter1_f_41_276)">
<path d="M13.3553 15.8615L13.3553 15.8615L13.3468 15.8638C10.2075 16.7116 7.53316 18.7709 5.91118 21.5892L9.6122 23.7192L5.91118 21.5892C5.41171 22.4571 5.02452 23.3753 4.75256 24.3222C4.74398 24.3417 4.73549 24.3612 4.72711 24.3808C4.39349 25.1592 4.22426 25.9981 4.22997 26.8449V38.8255C4.22997 38.8258 4.22997 38.8261 4.22997 38.8264C4.22995 39.1311 4.25229 39.4348 4.29651 39.7349C4.25244 40.0804 4.22983 40.4315 4.22983 40.7864V68.7584V69.0377L4.2662 69.3145C4.72062 72.774 6.49791 75.9222 9.22382 78.1002C11.8943 80.2339 15.2723 81.2745 18.6756 81.0184H72.3349C75.301 81.2246 78.2379 80.2916 80.5424 78.4043C82.9006 76.4731 84.4095 73.6957 84.7443 70.6656L84.7702 70.4318V70.1966V40.0747V39.8282L84.7418 39.5834C84.5032 37.5235 83.4724 35.6382 81.869 34.3251L79.1634 37.6288L81.869 34.3251C80.3961 33.1189 78.546 32.482 76.6541 32.5176C76.6028 32.5167 76.5514 32.5162 76.5 32.5162H46.3357L77.6135 24.0688L77.6208 24.0668L77.628 24.0648C78.6764 23.7778 79.658 23.2868 80.5165 22.62L77.9857 19.3614L80.5165 22.62C81.3751 21.9532 82.0938 21.1236 82.6314 20.1789C83.1691 19.2341 83.5152 18.1926 83.65 17.1139C83.7836 16.0456 83.7072 14.9616 83.4253 13.9227L81.9108 8.14378L81.9034 8.11549L81.8956 8.0873C81.1754 5.48505 79.4631 3.26915 77.1267 1.9158C74.7902 0.562462 72.0161 0.17967 69.4005 0.849699L69.3779 0.855496L69.3553 0.861542L13.3553 15.8615Z" stroke="#343434" stroke-opacity="0.25" stroke-width="8.54033"/>
</g>
<path d="M14.2014 23.223L14.1994 23.2235C11.8968 23.8454 9.93518 25.3558 8.74548 27.423L9.60541 27.9179L8.74548 27.423C8.33727 28.1323 8.03137 28.8874 7.83066 29.6662C7.79543 29.7333 7.7628 29.8018 7.73287 29.8716C7.57546 30.2389 7.4962 30.6349 7.50014 31.0345V43.0288C7.50014 43.0289 7.50014 43.0289 7.50014 43.029C7.5001 43.3169 7.54206 43.6027 7.62422 43.8775C7.54283 44.2357 7.5 44.6079 7.5 44.989V72.961V73.0264L7.50852 73.0913C7.85274 75.7118 9.19912 78.0973 11.2651 79.748C13.3189 81.389 15.9255 82.1773 18.5443 81.9509H72.4578C74.6287 82.1288 76.7849 81.4574 78.4705 80.077C80.1677 78.687 81.2531 76.6886 81.4939 74.5091L81.5 74.4543V74.3992V44.2774V44.2196L81.4934 44.1623C81.3525 42.9465 80.7441 41.8334 79.797 41.0577C78.9113 40.3324 77.7943 39.9553 76.6551 39.9914C76.6036 39.9898 76.5519 39.989 76.5 39.989H25.1568C25.0628 39.6998 24.95 39.4171 24.8192 39.1427L76.7609 25.1144L76.7643 25.1134C77.3981 24.9399 77.9916 24.643 78.5107 24.2399C79.0297 23.8368 79.4642 23.3352 79.7893 22.764C80.1143 22.1929 80.3236 21.5632 80.4051 20.911C80.4864 20.2609 80.4391 19.6013 80.2659 18.9695C80.2654 18.9674 80.2648 18.9654 80.2643 18.9634L78.7475 13.1754L78.7476 13.1754L78.7439 13.1622C78.2521 11.3853 77.083 9.87227 75.4876 8.94818C73.8922 8.02408 71.998 7.76271 70.212 8.22022L70.212 8.22016L70.2014 8.22299L14.2014 23.223Z" stroke="#343434" stroke-opacity="0.25" stroke-width="2"/>
</g>
</g>
<defs>
<filter id="filter0_i_41_276" x="8.5459" y="4.80836" width="72.1147" height="36.1625" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-3.20262"/>
<feGaussianBlur stdDeviation="2.13508"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.150937 0 0 0 0 0.180562 0 0 0 0 0.225 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_41_276"/>
</filter>
<filter id="filter1_f_41_276" x="-4.31045" y="-8.01321" width="97.6209" height="97.6102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.13508" result="effect1_foregroundBlur_41_276"/>
</filter>
<linearGradient id="paint0_linear_41_276" x1="44.5001" y1="40" x2="44.5001" y2="80" gradientUnits="userSpaceOnUse">
<stop stop-color="#20222D"/>
<stop offset="1" stop-color="#242632"/>
</linearGradient>
<radialGradient id="paint1_radial_41_276" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(44.5001 60) rotate(90) scale(20 36)">
<stop stop-color="#02126C"/>
<stop offset="1" stop-color="#1C1E27"/>
</radialGradient>
<linearGradient id="paint2_linear_41_276" x1="43.9948" y1="8.01099" x2="49.0001" y2="36.4999" gradientUnits="userSpaceOnUse">
<stop stop-color="#313131"/>
<stop offset="1" stop-color="#1B1B1B"/>
</linearGradient>
<linearGradient id="paint3_linear_41_276" x1="43.9948" y1="8.01099" x2="49.0001" y2="36.4999" gradientUnits="userSpaceOnUse">
<stop stop-color="#313131"/>
<stop offset="1" stop-color="#1B1B1B"/>
</linearGradient>
<linearGradient id="paint4_linear_41_276" x1="14.5048" y1="33.2078" x2="22.8988" y2="43.2028" gradientUnits="userSpaceOnUse">
<stop stop-color="#303544"/>
<stop offset="1" stop-color="#2A2F3E"/>
</linearGradient>
<linearGradient id="paint5_linear_41_276" x1="21.7014" y1="40.0032" x2="15.7056" y2="33.2065" gradientUnits="userSpaceOnUse">
<stop stop-color="#262B37"/>
<stop offset="1" stop-color="#262834"/>
</linearGradient>
<clipPath id="clip0_41_276">
<rect width="76.3936" height="96.9398" fill="white" transform="translate(51.0013 -14.8221) rotate(43)"/>
</clipPath>
<clipPath id="clip1_41_276">
<rect width="76.068" height="97.9042" fill="white" transform="translate(-18.2139 18.8782) rotate(-50)"/>
</clipPath>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 13 KiB

154
packages/assets/svgs/zip.svg
View file

@ -1,154 +0,0 @@
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_31_484" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="12" y="4" width="64" height="80">
<path d="M76 26.0001V74.0001C76 76.6522 74.9464 79.1958 73.0711 81.0711C71.1957 82.9465 68.6522 84.0001 66 84.0001H22C19.3478 84.0001 16.8043 82.9465 14.9289 81.0711C13.0536 79.1958 12 76.6522 12 74.0001V14.0001C12 11.3479 13.0536 8.80435 14.9289 6.92898C16.8043 5.05362 19.3478 4.00006 22 4.00006H54C55.3144 3.99552 56.6167 4.2512 57.8319 4.75236C59.047 5.25352 60.1509 5.99024 61.08 6.92006L73.08 18.9201C74.0098 19.8491 74.7466 20.953 75.2477 22.1682C75.7489 23.3833 76.0045 24.6856 76 26.0001Z" fill="url(#paint0_linear_31_484)"/>
</mask>
<g mask="url(#mask0_31_484)">
<g filter="url(#filter0_ii_31_484)">
<path d="M75.5 25.9983V26.0001V74.0001C75.5 76.5196 74.4991 78.936 72.7175 80.7176C70.9359 82.4992 68.5196 83.5001 66 83.5001H22C19.4804 83.5001 17.0641 82.4992 15.2825 80.7176C13.5009 78.936 12.5 76.5196 12.5 74.0001V14.0001C12.5 11.4805 13.5009 9.06413 15.2825 7.28254C17.0641 5.50094 19.4804 4.50006 22 4.50006L54 4.50006L54.0017 4.50006C55.2502 4.49575 56.4871 4.73859 57.6412 5.21459C58.7954 5.69059 59.8439 6.39033 60.7263 7.27347L60.7264 7.27361L72.7264 19.2736L72.7266 19.2738C73.6097 20.1562 74.3095 21.2047 74.7855 22.3588C75.2615 23.513 75.5043 24.7499 75.5 25.9983Z" fill="url(#paint1_linear_31_484)" stroke="url(#paint2_radial_31_484)"/>
<path d="M42 4H45V41.5C45 42.3284 44.3284 43 43.5 43V43C42.6716 43 42 42.3284 42 41.5V4Z" fill="#151722"/>
<g filter="url(#filter1_d_31_484)">
<path d="M40 8C40 7.44772 40.4477 7 41 7H46C46.5523 7 47 7.44772 47 8V9C47 9.55228 46.5523 10 46 10H41C40.4477 10 40 9.55228 40 9V8Z" fill="#ABABAB"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.8662 9.5C46.6933 9.7989 46.3701 10 46 10H41C40.6299 10 40.3067 9.7989 40.1338 9.5C40.3067 9.2011 40.6299 9 41 9H46C46.3701 9 46.6933 9.2011 46.8662 9.5Z" fill="#424242"/>
<g filter="url(#filter2_d_31_484)">
<path d="M40 15C40 14.4477 40.4477 14 41 14H46C46.5523 14 47 14.4477 47 15V16C47 16.5523 46.5523 17 46 17H41C40.4477 17 40 16.5523 40 16V15Z" fill="#ABABAB"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.8662 16.5C46.6933 16.7989 46.3701 17 46 17H41C40.6299 17 40.3067 16.7989 40.1338 16.5C40.3067 16.2011 40.6299 16 41 16H46C46.3701 16 46.6933 16.2011 46.8662 16.5Z" fill="#424242"/>
<g filter="url(#filter3_d_31_484)">
<path d="M40 22C40 21.4477 40.4477 21 41 21H46C46.5523 21 47 21.4477 47 22V23C47 23.5523 46.5523 24 46 24H41C40.4477 24 40 23.5523 40 23V22Z" fill="#ABABAB"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.8662 23.5C46.6933 23.7989 46.3701 24 46 24H41C40.6299 24 40.3067 23.7989 40.1338 23.5C40.3067 23.2011 40.6299 23 41 23H46C46.3701 23 46.6933 23.2011 46.8662 23.5Z" fill="#424242"/>
<g filter="url(#filter4_d_31_484)">
<path d="M40 29C40 28.4477 40.4477 28 41 28H46C46.5523 28 47 28.4477 47 29V30C47 30.5523 46.5523 31 46 31H41C40.4477 31 40 30.5523 40 30V29Z" fill="#ABABAB"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.8662 30.5C46.6933 30.7989 46.3701 31 46 31H41C40.6299 31 40.3067 30.7989 40.1338 30.5C40.3067 30.2011 40.6299 30 41 30H46C46.3701 30 46.6933 30.2011 46.8662 30.5Z" fill="#424242"/>
<g filter="url(#filter5_d_31_484)">
<path d="M40 36C40 35.4477 40.4477 35 41 35H46C46.5523 35 47 35.4477 47 36V37C47 37.5523 46.5523 38 46 38H41C40.4477 38 40 37.5523 40 37V36Z" fill="#ABABAB"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.8662 37.5C46.6933 37.7989 46.3701 38 46 38H41C40.6299 38 40.3067 37.7989 40.1338 37.5C40.3067 37.2011 40.6299 37 41 37H46C46.3701 37 46.6933 37.2011 46.8662 37.5Z" fill="#424242"/>
<g filter="url(#filter6_d_31_484)">
<path d="M42.425 46.7209L41.9141 38.0638C41.8861 37.59 42.195 37.1618 42.6535 37.039L43.8776 36.711C44.336 36.5882 44.8177 36.8045 45.0304 37.2288L48.9164 44.9815C48.9468 45.042 48.9709 45.1054 48.9884 45.1708L49.6756 47.7355C49.8185 48.269 49.502 48.8173 48.9685 48.9603L44.3693 50.1926C43.8358 50.3356 43.2875 50.019 43.1445 49.4855L42.4573 46.9208C42.4398 46.8554 42.429 46.7884 42.425 46.7209Z" fill="#ABABAB"/>
</g>
<mask id="mask1_31_484" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="41" y="36" width="9" height="15">
<path d="M42.425 46.7209L41.9141 38.0638C41.8861 37.59 42.195 37.1618 42.6535 37.039L43.8776 36.711C44.336 36.5882 44.8177 36.8045 45.0304 37.2288L48.9164 44.9815C48.9468 45.042 48.9709 45.1054 48.9884 45.1708L49.6756 47.7355C49.8185 48.269 49.502 48.8173 48.9685 48.9603L44.3693 50.1926C43.8358 50.3356 43.2875 50.019 43.1445 49.4855L42.4573 46.9208C42.4398 46.8554 42.429 46.7884 42.425 46.7209Z" fill="#ABABAB"/>
</mask>
<g mask="url(#mask1_31_484)">
<g filter="url(#filter7_f_31_484)">
<path d="M40.5 37.5L44.5 36L47 40.5L50.5 48.5L46.5 52.5" stroke="#C6C6C6" stroke-width="3"/>
</g>
</g>
<g filter="url(#filter8_f_31_484)">
<path d="M52 14L72.8958 24.8832C74.8035 25.8768 76 27.8491 76 30V30L52 27.4194V14Z" fill="#1A1A28"/>
</g>
<path d="M75.5 26.1582V26.1601V27.5001H62C59.4804 27.5001 57.0641 26.4992 55.2825 24.7176C53.5009 22.936 52.5 20.5196 52.5 18.0001V4.50006H53.84V4.50006L53.8417 4.50006C55.0902 4.49575 56.3271 4.73859 57.4812 5.21459C58.6354 5.6906 59.6839 6.39033 60.5663 7.27347L60.5665 7.27361L72.5665 19.2736L72.5664 19.2737L72.5746 19.2816C73.5037 20.1691 74.2422 21.2365 74.7451 22.4188C75.2481 23.601 75.5049 24.8734 75.5 26.1582Z" fill="url(#paint3_linear_31_484)" stroke="url(#paint4_linear_31_484)"/>
</g>
</g>
<path d="M34.7097 77.0001V75.8309L39.3589 69.3074H34.7006V67.6833H41.8337V68.8525L37.1799 75.376H41.8428V77.0001H34.7097ZM45.3241 67.6833V77.0001H43.3543V67.6833H45.3241ZM46.9447 77.0001V67.6833H50.6204C51.3271 67.6833 51.9291 67.8183 52.4265 68.0882C52.9238 68.3551 53.3029 68.7266 53.5638 69.2028C53.8276 69.6759 53.9595 70.2218 53.9595 70.8405C53.9595 71.4592 53.8261 72.0051 53.5592 72.4782C53.2923 72.9513 52.9056 73.3198 52.3992 73.5836C51.8957 73.8475 51.2861 73.9794 50.5704 73.9794H48.2276V72.4008H50.252C50.6311 72.4008 50.9434 72.3356 51.1891 72.2052C51.4378 72.0718 51.6228 71.8883 51.7441 71.6548C51.8684 71.4182 51.9306 71.1468 51.9306 70.8405C51.9306 70.5311 51.8684 70.2612 51.7441 70.0307C51.6228 69.7972 51.4378 69.6167 51.1891 69.4894C50.9404 69.359 50.625 69.2937 50.2429 69.2937H48.9145V77.0001H46.9447Z" fill="#707489"/>
<defs>
<filter id="filter0_ii_31_484" x="12" y="0.797375" width="64.0001" height="83.2027" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-3.20262"/>
<feGaussianBlur stdDeviation="2.13508"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.204167 0 0 0 0 0.204167 0 0 0 0 0.204167 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_31_484"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.225 0 0 0 0 0.225 0 0 0 0 0.225 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_31_484" result="effect2_innerShadow_31_484"/>
</filter>
<filter id="filter1_d_31_484" x="38" y="7" width="11" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0167014 0 0 0 0 0.0615679 0 0 0 0 0.308333 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_31_484"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_31_484" result="shape"/>
</filter>
<filter id="filter2_d_31_484" x="38" y="14" width="11" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0167014 0 0 0 0 0.0615679 0 0 0 0 0.308333 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_31_484"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_31_484" result="shape"/>
</filter>
<filter id="filter3_d_31_484" x="38" y="21" width="11" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0167014 0 0 0 0 0.0615679 0 0 0 0 0.308333 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_31_484"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_31_484" result="shape"/>
</filter>
<filter id="filter4_d_31_484" x="38" y="28" width="11" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0167014 0 0 0 0 0.0615679 0 0 0 0 0.308333 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_31_484"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_31_484" result="shape"/>
</filter>
<filter id="filter5_d_31_484" x="38" y="35" width="11" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0167014 0 0 0 0 0.0615679 0 0 0 0 0.308333 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_31_484"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_31_484" result="shape"/>
</filter>
<filter id="filter6_d_31_484" x="39.9124" y="36.6768" width="11.7976" height="17.5502" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0167014 0 0 0 0 0.0615679 0 0 0 0 0.308333 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_31_484"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_31_484" result="shape"/>
</filter>
<filter id="filter7_f_31_484" x="38.3733" y="32.5417" width="15.5113" height="22.6189" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.8" result="effect1_foregroundBlur_31_484"/>
</filter>
<filter id="filter8_f_31_484" x="48" y="10" width="32" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_31_484"/>
</filter>
<linearGradient id="paint0_linear_31_484" x1="44" y1="4" x2="44" y2="84" gradientUnits="userSpaceOnUse">
<stop stop-color="#20222D"/>
<stop offset="1" stop-color="#242632"/>
</linearGradient>
<linearGradient id="paint1_linear_31_484" x1="44" y1="4" x2="44" y2="84" gradientUnits="userSpaceOnUse">
<stop stop-color="#20222D"/>
<stop offset="1" stop-color="#242632"/>
</linearGradient>
<radialGradient id="paint2_radial_31_484" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(44 44) rotate(90) scale(40 32)">
<stop stop-color="#02126C"/>
<stop offset="1" stop-color="#1C1E27"/>
</radialGradient>
<linearGradient id="paint3_linear_31_484" x1="61.0071" y1="11.8114" x2="73.5977" y2="26.8038" gradientUnits="userSpaceOnUse">
<stop stop-color="#303544"/>
<stop offset="1" stop-color="#2A2F3E"/>
</linearGradient>
<linearGradient id="paint4_linear_31_484" x1="71.802" y1="22.0043" x2="62.8086" y2="11.8093" gradientUnits="userSpaceOnUse">
<stop stop-color="#2E3341"/>
<stop offset="1" stop-color="#343747"/>
</linearGradient>
</defs>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 13 KiB

32
packages/client/src/core.ts
View file

@ -96,8 +96,6 @@ export type FilePathSearchArgs = { take?: number | null; order?: FilePathSearchO
export type PeerMetadata = { name: string; operating_system: OperatingSystem | null; version: string | null; email: string | null; img_url: string | null }
export type MediaData = { id: number; pixel_width: number | null; pixel_height: number | null; longitude: number | null; latitude: number | null; fps: number | null; capture_device_make: string | null; capture_device_model: string | null; capture_device_software: string | null; duration_seconds: number | null; codecs: string | null; streams: number | null }
export type MasterPasswordChangeArgs = { password: Protected<string>; algorithm: Algorithm; hashing_algorithm: HashingAlgorithm }
/**
@ -105,6 +103,8 @@ export type MasterPasswordChangeArgs = { password: Protected<string>; algorithm:
*/
export type NodeConfig = { id: string; name: string; p2p_port: number | null; p2p_email: string | null; p2p_img_url: string | null }
export type Location = { id: number; pub_id: number[]; node_id: number; name: string; path: string; total_capacity: number | null; available_capacity: number | null; is_archived: boolean; generate_preview_media: boolean; sync_preview_media: boolean; hidden: boolean; date_created: string }
/**
* This denotes the `StoredKey` version.
*/
@ -119,12 +119,12 @@ export type EncryptedKey = number[]
export type PeerId = string
export type FilePath = { id: number; pub_id: number[]; is_dir: boolean; cas_id: string | null; integrity_checksum: string | null; location_id: number; materialized_path: string; name: string; extension: string; size_in_bytes: string; inode: number[]; device: number[]; object_id: number | null; key_id: number | null; date_created: string; date_modified: string; date_indexed: string }
export type GenerateThumbsForLocationArgs = { id: number; path: string }
export type LibraryConfigWrapped = { uuid: string; config: LibraryConfig }
export type Node = { id: number; pub_id: number[]; name: string; platform: number; version: string | null; last_seen: string; timezone: string | null; date_created: string }
/**
* These parameters define the password-hashing level.
*
@ -173,8 +173,6 @@ export type LightScanArgs = { location_id: number; sub_path: string }
export type FileEraserJobInit = { location_id: number; path_id: number; passes: string }
export type Node = { id: number; pub_id: number[]; name: string; platform: number; version: string | null; last_seen: string; timezone: string | null; date_created: string }
/**
* This should be used for providing a nonce to encrypt/decrypt functions.
*
@ -188,8 +186,6 @@ export type NodeState = ({ id: string; name: string; p2p_port: number | null; p2
export type SetNoteArgs = { id: number; note: string | null }
export type IndexerRule = { id: number; name: string; default: boolean; rules_per_kind: number[]; date_created: string; date_modified: string }
export type InvalidateOperationEvent = { key: string; arg: any; result: any | null }
export type ObjectSearchArgs = { take?: number | null; order?: ObjectSearchOrdering | null; cursor?: number[] | null; filter?: ObjectFilterArgs }
@ -214,8 +210,12 @@ export type SetFavoriteArgs = { id: number; favorite: boolean }
export type FilePathFilterArgs = { locationId?: number | null; search?: string; extension?: string | null; createdAt?: OptionalRange<string>; path?: string | null; object?: ObjectFilterArgs | null }
export type Statistics = { id: number; date_captured: string; total_object_count: number; library_db_size: string; total_bytes_used: string; total_bytes_capacity: string; total_unique_bytes: string; total_bytes_free: string; preview_media_bytes: string }
export type RuleKind = "AcceptFilesByGlob" | "RejectFilesByGlob" | "AcceptIfChildrenDirectoriesArePresent" | "RejectIfChildrenDirectoriesArePresent"
export type FilePath = { id: number; pub_id: number[]; is_dir: boolean; cas_id: string | null; integrity_checksum: string | null; location_id: number; materialized_path: string; name: string; extension: string; size_in_bytes: string; inode: number[]; device: number[]; object_id: number | null; key_id: number | null; date_created: string; date_modified: string; date_indexed: string }
export type FilePathSearchOrdering = { name: SortOrder } | { sizeInBytes: SortOrder } | { dateCreated: SortOrder } | { dateModified: SortOrder } | { dateIndexed: SortOrder } | { object: ObjectSearchOrdering }
export type BuildInfo = { version: string; commit: string }
@ -229,6 +229,8 @@ export type Algorithm = "XChaCha20Poly1305" | "Aes256Gcm"
export type OwnedOperationItem = { id: any; data: OwnedOperationData }
export type MediaData = { id: number; pixel_width: number | null; pixel_height: number | null; longitude: number | null; latitude: number | null; fps: number | null; capture_device_make: string | null; capture_device_model: string | null; capture_device_software: string | null; duration_seconds: number | null; codecs: string | null; streams: number | null }
export type ObjectSearchOrdering = { dateAccessed: SortOrder }
export type CRDTOperationType = SharedOperation | RelationOperation | OwnedOperation
@ -244,10 +246,6 @@ export type MaybeNot<T> = T | { not: T }
export type SpacedropArgs = { peer_id: PeerId; file_path: string[] }
export type Tag = { id: number; pub_id: number[]; name: string | null; color: string | null; total_objects: number | null; redundancy_goal: number | null; date_created: string; date_modified: string }
export type Location = { id: number; pub_id: number[]; node_id: number; name: string; path: string; total_capacity: number | null; available_capacity: number | null; is_archived: boolean; generate_preview_media: boolean; sync_preview_media: boolean; hidden: boolean; date_created: string }
export type JobReport = { id: string; name: string; action: string | null; data: number[] | null; metadata: any | null; is_background: boolean; errors_text: string[]; created_at: string | null; started_at: string | null; completed_at: string | null; parent_id: string | null; status: JobStatus; task_count: number; completed_task_count: number; message: string; estimated_completion: string }
export type ObjectFilterArgs = { favorite?: boolean | null; hidden?: boolean | null; dateAccessed?: MaybeNot<string | null> | null; kind?: number[]; tags?: number[] }
@ -280,8 +278,6 @@ export type KeyAddArgs = { algorithm: Algorithm; hashing_algorithm: HashingAlgor
export type OptionalRange<T> = { from: T | null; to: T | null }
export type Object = { id: number; pub_id: number[]; kind: number; key_id: number | null; hidden: boolean; favorite: boolean; important: boolean; has_thumbnail: boolean; has_thumbstrip: boolean; has_video_preview: boolean; ipfs_id: string | null; note: string | null; date_created: string; date_accessed: string | null }
export type FileEncryptorJobInit = { location_id: number; path_id: number; key_uuid: string; algorithm: Algorithm; metadata: boolean; preview_media: boolean; output_path: string | null }
/**
@ -304,9 +300,9 @@ export type OwnedOperationData = { Create: { [key: string]: any } } | { CreateMa
export type SharedOperationData = SharedOperationCreateData | { field: string; value: any } | null
export type TagUpdateArgs = { id: number; name: string | null; color: string | null }
export type Tag = { id: number; pub_id: number[]; name: string | null; color: string | null; total_objects: number | null; redundancy_goal: number | null; date_created: string; date_modified: string }
export type Statistics = { id: number; date_captured: string; total_object_count: number; library_db_size: string; total_bytes_used: string; total_bytes_capacity: string; total_unique_bytes: string; total_bytes_free: string; preview_media_bytes: string }
export type TagUpdateArgs = { id: number; name: string | null; color: string | null }
export type ObjectValidatorArgs = { id: number; path: string }
@ -314,6 +310,8 @@ export type TagAssignArgs = { object_id: number; tag_id: number; unassign: boole
export type ChangeNodeNameArgs = { name: string }
export type Object = { id: number; pub_id: number[]; kind: number; key_id: number | null; hidden: boolean; favorite: boolean; important: boolean; has_thumbnail: boolean; has_thumbstrip: boolean; has_video_preview: boolean; ipfs_id: string | null; note: string | null; date_created: string; date_accessed: string | null }
/**
* This defines all available password hashing algorithms.
*/
@ -323,6 +321,8 @@ export type JobStatus = "Queued" | "Running" | "Completed" | "Canceled" | "Faile
export type FilePathWithObject = { id: number; pub_id: number[]; is_dir: boolean; cas_id: string | null; integrity_checksum: string | null; location_id: number; materialized_path: string; name: string; extension: string; size_in_bytes: string; inode: number[]; device: number[]; object_id: number | null; key_id: number | null; date_created: string; date_modified: string; date_indexed: string; object: Object | null }
export type IndexerRule = { id: number; name: string; default: boolean; rules_per_kind: number[]; date_created: string; date_modified: string }
export type LocationWithIndexerRules = { id: number; pub_id: number[]; node_id: number; name: string; path: string; total_capacity: number | null; available_capacity: number | null; is_archived: boolean; generate_preview_media: boolean; sync_preview_media: boolean; hidden: boolean; date_created: string; indexer_rules: { indexer_rule: IndexerRule }[] }
/**

2313
pnpm-lock.yaml
View file

File diff suppressed because it is too large Load diff