github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'develop' of https://github.com/makeplane/plane into chore/event-improvements

Browse Source
This commit is contained in:
LAKHAN BAHETI 2024-03-08 17:41:07 +05:30
commit b98e0fef2b
24 changed files with 546 additions and 796 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

392
web/components/project/create-project-form.tsx Normal file
View File

@ -0,0 +1,392 @@
import { useState, FC, ChangeEvent } from "react";
import { observer } from "mobx-react-lite";
import { useForm, Controller } from "react-hook-form";
import { Info, X } from "lucide-react";
// ui
import {
Button,
CustomEmojiIconPicker,
CustomSelect,
EmojiIconPickerTypes,
Input,
setToast,
TextArea,
TOAST_TYPE,
Tooltip,
} from "@plane/ui";
// components
import { ImagePickerPopover } from "components/core";
import { MemberDropdown } from "components/dropdowns";
import { ProjectLogo } from "./project-logo";
// constants
import { PROJECT_CREATED } from "constants/event-tracker";
import { NETWORK_CHOICES, PROJECT_UNSPLASH_COVERS } from "constants/project";
// helpers
import { convertHexEmojiToDecimal, getRandomEmoji } from "helpers/emoji.helper";
import { cn } from "helpers/common.helper";
import { projectIdentifierSanitizer } from "helpers/project.helper";
// hooks
import { useEventTracker, useProject } from "hooks/store";
// types
import { IProject } from "@plane/types";
type Props = {
setToFavorite?: boolean;
workspaceSlug: string;
onClose: () => void;
handleNextStep: (projectId: string) => void;
};
const defaultValues: Partial<IProject> = {
cover_image: PROJECT_UNSPLASH_COVERS[Math.floor(Math.random() * PROJECT_UNSPLASH_COVERS.length)],
description: "",
logo_props: {
in_use: "emoji",
emoji: {
value: getRandomEmoji(),
},
},
identifier: "",
name: "",
network: 2,
project_lead: null,
};
export const CreateProjectForm: FC<Props> = observer((props) => {
const { setToFavorite, workspaceSlug, onClose, handleNextStep } = props;
// store
const { captureProjectEvent } = useEventTracker();
const { addProjectToFavorites, createProject } = useProject();
// states
const [isChangeInIdentifierRequired, setIsChangeInIdentifierRequired] = useState(true);
// form info
const {
formState: { errors, isSubmitting },
handleSubmit,
reset,
control,
watch,
setValue,
} = useForm<IProject>({
defaultValues,
reValidateMode: "onChange",
});
const handleAddToFavorites = (projectId: string) => {
if (!workspaceSlug) return;
addProjectToFavorites(workspaceSlug.toString(), projectId).catch(() => {
setToast({
type: TOAST_TYPE.ERROR,
title: "Error!",
message: "Couldn't remove the project from favorites. Please try again.",
});
});
};
const onSubmit = async (formData: Partial<IProject>) => {
// Upper case identifier
formData.identifier = formData.identifier?.toUpperCase();
return createProject(workspaceSlug.toString(), formData)
.then((res) => {
const newPayload = {
...res,
state: "SUCCESS",
};
captureProjectEvent({
eventName: PROJECT_CREATED,
payload: newPayload,
});
setToast({
type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "Project created successfully.",
});
if (setToFavorite) {
handleAddToFavorites(res.id);
}
handleNextStep(res.id);
})
.catch((err) => {
Object.keys(err.data).map((key) => {
setToast({
type: TOAST_TYPE.ERROR,
title: "Error!",
message: err.data[key],
});
captureProjectEvent({
eventName: PROJECT_CREATED,
payload: {
...formData,
state: "FAILED",
},
});
});
});
};
const handleNameChange = (onChange: any) => (e: ChangeEvent<HTMLInputElement>) => {
if (!isChangeInIdentifierRequired) {
onChange(e);
return;
}
if (e.target.value === "") setValue("identifier", "");
else setValue("identifier", projectIdentifierSanitizer(e.target.value).substring(0, 5));
onChange(e);
};
const handleIdentifierChange = (onChange: any) => (e: ChangeEvent<HTMLInputElement>) => {
const { value } = e.target;
const alphanumericValue = projectIdentifierSanitizer(value);
setIsChangeInIdentifierRequired(false);
onChange(alphanumericValue);
};
const handleClose = () => {
onClose();
setIsChangeInIdentifierRequired(true);
setTimeout(() => {
reset();
}, 300);
};
return (
<>
<div className="group relative h-44 w-full rounded-lg bg-custom-background-80">
{watch("cover_image") && (
<img
src={watch("cover_image")!}
className="absolute left-0 top-0 h-full w-full rounded-lg object-cover"
alt="Cover image"
/>
)}
<div className="absolute right-2 top-2 p-2">
<button data-posthog="PROJECT_MODAL_CLOSE" type="button" onClick={handleClose} tabIndex={8}>
<X className="h-5 w-5 text-white" />
</button>
</div>
<div className="absolute bottom-2 right-2">
<Controller
name="cover_image"
control={control}
render={({ field: { value, onChange } }) => (
<ImagePickerPopover
label="Change Cover"
onChange={onChange}
control={control}
value={value}
tabIndex={9}
/>
)}
/>
</div>
<div className="absolute -bottom-[22px] left-3">
<Controller
name="logo_props"
control={control}
render={({ field: { value, onChange } }) => (
<CustomEmojiIconPicker
label={
<span className="grid h-11 w-11 place-items-center rounded-md bg-custom-background-80">
<ProjectLogo logo={value} className="text-xl" />
</span>
}
onChange={(val: any) => {
let logoValue = {};
if (val.type === "emoji")
logoValue = {
value: convertHexEmojiToDecimal(val.value.unified),
url: val.value.imageUrl,
};
else if (val.type === "icon") logoValue = val.value;
onChange({
in_use: val.type,
[val.type]: logoValue,
});
}}
defaultIconColor={value.in_use === "icon" ? value.icon?.color : undefined}
defaultOpen={value.in_use === "emoji" ? EmojiIconPickerTypes.EMOJI : EmojiIconPickerTypes.ICON}
/>
)}
/>
</div>
</div>
<form onSubmit={handleSubmit(onSubmit)} className="px-3">
<div className="mt-9 space-y-6 pb-5">
<div className="grid grid-cols-1 gap-x-2 gap-y-3 md:grid-cols-4">
<div className="md:col-span-3">
<Controller
control={control}
name="name"
rules={{
required: "Title is required",
maxLength: {
value: 255,
message: "Title should be less than 255 characters",
},
}}
render={({ field: { value, onChange } }) => (
<Input
id="name"
name="name"
type="text"
value={value}
onChange={handleNameChange(onChange)}
hasError={Boolean(errors.name)}
placeholder="Project title"
className="w-full focus:border-blue-400"
tabIndex={1}
/>
)}
/>
<span className="text-xs text-red-500">
<>{errors?.name?.message}</>
</span>
</div>
<div className="relative">
<Controller
control={control}
name="identifier"
rules={{
required: "Project ID is required",
// allow only alphanumeric & non-latin characters
validate: (value) =>
/^[ÇŞĞIİÖÜA-Z0-9]+$/.test(value.toUpperCase()) ||
"Only Alphanumeric & Non-latin characters are allowed.",
minLength: {
value: 1,
message: "Project ID must at least be of 1 character",
},
maxLength: {
value: 5,
message: "Project ID must at most be of 5 characters",
},
}}
render={({ field: { value, onChange } }) => (
<Input
id="identifier"
name="identifier"
type="text"
value={value}
onChange={handleIdentifierChange(onChange)}
hasError={Boolean(errors.identifier)}
placeholder="Project ID"
className={cn("w-full text-xs focus:border-blue-400 pr-7", {
uppercase: value,
})}
tabIndex={2}
/>
)}
/>
<Tooltip
tooltipContent="Helps you identify issues in the project uniquely, (e.g. APP-123). Max 5 characters."
className="text-sm"
position="right-top"
>
<Info className="absolute right-2 top-2.5 h-3 w-3 text-custom-text-400" />
</Tooltip>
<span className="text-xs text-red-500">{errors?.identifier?.message}</span>
</div>
<div className="md:col-span-4">
<Controller
name="description"
control={control}
render={({ field: { value, onChange } }) => (
<TextArea
id="description"
name="description"
value={value}
placeholder="Description..."
onChange={onChange}
className="!h-24 text-sm focus:border-blue-400"
hasError={Boolean(errors?.description)}
tabIndex={3}
/>
)}
/>
</div>
</div>
<div className="flex flex-wrap items-center gap-2">
<Controller
name="network"
control={control}
render={({ field: { onChange, value } }) => {
const currentNetwork = NETWORK_CHOICES.find((n) => n.key === value);
return (
<div className="flex-shrink-0" tabIndex={4}>
<CustomSelect
value={value}
onChange={onChange}
label={
<div className="flex items-center gap-1">
{currentNetwork ? (
<>
<currentNetwork.icon className="h-3 w-3" />
{currentNetwork.label}
</>
) : (
<span className="text-custom-text-400">Select network</span>
)}
</div>
}
placement="bottom-start"
noChevron
tabIndex={4}
>
{NETWORK_CHOICES.map((network) => (
<CustomSelect.Option key={network.key} value={network.key}>
<div className="flex items-start gap-2">
<network.icon className="h-3.5 w-3.5" />
<div className="-mt-1">
<p>{network.label}</p>
<p className="text-xs text-custom-text-400">{network.description}</p>
</div>
</div>
</CustomSelect.Option>
))}
</CustomSelect>
</div>
);
}}
/>
<Controller
name="project_lead"
control={control}
render={({ field: { value, onChange } }) => {
if (value === undefined || value === null || typeof value === "string")
return (
<div className="h-7 flex-shrink-0" tabIndex={5}>
<MemberDropdown
value={value}
onChange={(lead) => onChange(lead === value ? null : lead)}
placeholder="Lead"
multiple={false}
buttonVariant="border-with-text"
tabIndex={5}
/>
</div>
);
else return <></>;
}}
/>
</div>
</div>
<div className="flex justify-end gap-2 pt-4 border-t border-custom-border-100">
<Button variant="neutral-primary" size="sm" onClick={handleClose} tabIndex={6}>
Cancel
</Button>
<Button variant="primary" type="submit" size="sm" loading={isSubmitting} tabIndex={7}>
{isSubmitting ? "Creating" : "Create project"}
</Button>
</div>
</form>
</>
);
});

399
web/components/project/create-project-modal.tsx
View File

@ -1,33 +1,15 @@
import { useState, useEffect, Fragment, FC, ChangeEvent } from "react";
import { useEffect, Fragment, FC, useState } from "react";
import { observer } from "mobx-react-lite";
import { useForm, Controller } from "react-hook-form";
import { Dialog, Transition } from "@headlessui/react";
import { X } from "lucide-react";
// ui
import {
Button,
CustomEmojiIconPicker,
CustomSelect,
EmojiIconPickerTypes,
Input,
setToast,
TextArea,
TOAST_TYPE,
} from "@plane/ui";
import { setToast, TOAST_TYPE } from "@plane/ui";
// components
import { ImagePickerPopover } from "components/core";
import { MemberDropdown } from "components/dropdowns";
import { CreateProjectForm } from "./create-project-form";
import { ProjectFeatureUpdate } from "./project-feature-update";
// constants
import { PROJECT_CREATED } from "constants/event-tracker";
import { NETWORK_CHOICES, PROJECT_UNSPLASH_COVERS } from "constants/project";
import { EUserWorkspaceRoles } from "constants/workspace";
// helpers
import { convertHexEmojiToDecimal, getRandomEmoji } from "helpers/emoji.helper";
// hooks
import { useEventTracker, useProject, useUser } from "hooks/store";
import { projectIdentifierSanitizer } from "helpers/project.helper";
import { ProjectLogo } from "./project-logo";
import { IProject } from "@plane/types";
import { useUser } from "hooks/store";
type Props = {
isOpen: boolean;
@ -36,25 +18,15 @@ type Props = {
workspaceSlug: string;
};
enum EProjectCreationSteps {
CREATE_PROJECT = "CREATE_PROJECT",
FEATURE_SELECTION = "FEATURE_SELECTION",
}
interface IIsGuestCondition {
onClose: () => void;
}
const defaultValues: Partial<IProject> = {
cover_image: PROJECT_UNSPLASH_COVERS[Math.floor(Math.random() * PROJECT_UNSPLASH_COVERS.length)],
description: "",
logo_props: {
in_use: "emoji",
emoji: {
value: getRandomEmoji(),
},
},
identifier: "",
name: "",
network: 2,
project_lead: null,
};
const IsGuestCondition: FC<IIsGuestCondition> = ({ onClose }) => {
useEffect(() => {
onClose();
@ -70,112 +42,33 @@ const IsGuestCondition: FC<IIsGuestCondition> = ({ onClose }) => {
export const CreateProjectModal: FC<Props> = observer((props) => {
const { isOpen, onClose, setToFavorite = false, workspaceSlug } = props;
// store
const { captureProjectEvent } = useEventTracker();
// states
const [currentStep, setCurrentStep] = useState<EProjectCreationSteps>(EProjectCreationSteps.CREATE_PROJECT);
const [createdProjectId, setCreatedProjectId] = useState<string | null>(null);
// hooks
const {
membership: { currentWorkspaceRole },
} = useUser();
const { addProjectToFavorites, createProject } = useProject();
// states
const [isChangeInIdentifierRequired, setIsChangeInIdentifierRequired] = useState(true);
// form info
const {
formState: { errors, isSubmitting },
handleSubmit,
reset,
control,
watch,
setValue,
} = useForm<IProject>({
defaultValues,
reValidateMode: "onChange",
});
useEffect(() => {
if (isOpen) {
setCurrentStep(EProjectCreationSteps.CREATE_PROJECT);
setCreatedProjectId(null);
}
}, [isOpen]);
if (currentWorkspaceRole && isOpen)
if (currentWorkspaceRole < EUserWorkspaceRoles.MEMBER) return <IsGuestCondition onClose={onClose} />;
const handleClose = () => {
onClose();
setIsChangeInIdentifierRequired(true);
setTimeout(() => {
reset();
}, 300);
};
const handleAddToFavorites = (projectId: string) => {
if (!workspaceSlug) return;
addProjectToFavorites(workspaceSlug.toString(), projectId).catch(() => {
setToast({
type: TOAST_TYPE.ERROR,
title: "Error!",
message: "Couldn't remove the project from favorites. Please try again.",
});
});
};
const onSubmit = async (formData: Partial<IProject>) => {
// Upper case identifier
formData.identifier = formData.identifier?.toUpperCase();
return createProject(workspaceSlug.toString(), formData)
.then((res) => {
const newPayload = {
...res,
state: "SUCCESS",
};
captureProjectEvent({
eventName: PROJECT_CREATED,
payload: newPayload,
});
setToast({
type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "Project created successfully.",
});
if (setToFavorite) {
handleAddToFavorites(res.id);
}
handleClose();
})
.catch((err) => {
Object.keys(err.data).map((key) => {
setToast({
type: TOAST_TYPE.ERROR,
title: "Error!",
message: err.data[key],
});
captureProjectEvent({
eventName: PROJECT_CREATED,
payload: {
...formData,
state: "FAILED",
},
});
});
});
};
const handleNameChange = (onChange: any) => (e: ChangeEvent<HTMLInputElement>) => {
if (!isChangeInIdentifierRequired) {
onChange(e);
return;
}
if (e.target.value === "") setValue("identifier", "");
else setValue("identifier", projectIdentifierSanitizer(e.target.value).substring(0, 5));
onChange(e);
};
const handleIdentifierChange = (onChange: any) => (e: ChangeEvent<HTMLInputElement>) => {
const { value } = e.target;
const alphanumericValue = projectIdentifierSanitizer(value);
setIsChangeInIdentifierRequired(false);
onChange(alphanumericValue);
const handleNextStep = (projectId: string) => {
if (!projectId) return;
setCreatedProjectId(projectId);
setCurrentStep(EProjectCreationSteps.FEATURE_SELECTION);
};
return (
<Transition.Root show={isOpen} as={Fragment}>
<Dialog as="div" className="relative z-20" onClose={handleClose}>
<Dialog as="div" className="relative z-20" onClose={onClose}>
<Transition.Child
as={Fragment}
enter="ease-out duration-300"
@ -200,235 +93,17 @@ export const CreateProjectModal: FC<Props> = observer((props) => {
leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
>
<Dialog.Panel className="w-full transform rounded-lg bg-custom-background-100 p-3 text-left shadow-custom-shadow-md transition-all sm:w-3/5 lg:w-1/2 xl:w-2/5">
<div className="group relative h-44 w-full rounded-lg bg-custom-background-80">
{watch("cover_image") && (
<img
src={watch("cover_image")!}
className="absolute left-0 top-0 h-full w-full rounded-lg object-cover"
alt="Cover image"
/>
)}
<div className="absolute right-2 top-2 p-2">
<button data-posthog="PROJECT_MODAL_CLOSE" type="button" onClick={handleClose} tabIndex={8}>
<X className="h-5 w-5 text-white" />
</button>
</div>
<div className="absolute bottom-2 right-2">
<Controller
name="cover_image"
control={control}
render={({ field: { value, onChange } }) => (
<ImagePickerPopover
label="Change Cover"
onChange={onChange}
control={control}
value={value}
tabIndex={9}
/>
)}
/>
</div>
<div className="absolute -bottom-[22px] left-3">
<Controller
name="logo_props"
control={control}
render={({ field: { value, onChange } }) => (
<CustomEmojiIconPicker
label={
<span className="grid h-11 w-11 place-items-center rounded-md bg-custom-background-80">
<ProjectLogo logo={value} className="text-xl" />
</span>
}
onChange={(val: any) => {
let logoValue = {};
if (val.type === "emoji")
logoValue = {
value: convertHexEmojiToDecimal(val.value.unified),
url: val.value.imageUrl,
};
else if (val.type === "icon") logoValue = val.value;
onChange({
in_use: val.type,
[val.type]: logoValue,
});
}}
defaultIconColor={value.in_use === "icon" ? value.icon?.color : undefined}
defaultOpen={
value.in_use === "emoji" ? EmojiIconPickerTypes.EMOJI : EmojiIconPickerTypes.ICON
}
/>
)}
/>
</div>
</div>
<form onSubmit={handleSubmit(onSubmit)} className="divide-y-[0.5px] divide-custom-border-100 px-3">
<div className="mt-9 space-y-6 pb-5">
<div className="grid grid-cols-1 gap-x-2 gap-y-3 md:grid-cols-4">
<div className="md:col-span-3">
<Controller
control={control}
name="name"
rules={{
required: "Title is required",
maxLength: {
value: 255,
message: "Title should be less than 255 characters",
},
}}
render={({ field: { value, onChange } }) => (
<Input
id="name"
name="name"
type="text"
value={value}
onChange={handleNameChange(onChange)}
hasError={Boolean(errors.name)}
placeholder="Project Title"
className="w-full focus:border-blue-400"
tabIndex={1}
/>
)}
/>
<span className="text-xs text-red-500">
<>{errors?.name?.message}</>
</span>
</div>
<div>
<Controller
control={control}
name="identifier"
rules={{
required: "Identifier is required",
// allow only alphanumeric & non-latin characters
validate: (value) =>
/^[ÇŞĞIİÖÜA-Z0-9]+$/.test(value.toUpperCase()) ||
"Only Alphanumeric & Non-latin characters are allowed.",
minLength: {
value: 1,
message: "Identifier must at least be of 1 character",
},
maxLength: {
value: 12,
message: "Identifier must at most be of 12 characters",
},
}}
render={({ field: { value, onChange } }) => (
<Input
id="identifier"
name="identifier"
type="text"
value={value}
onChange={handleIdentifierChange(onChange)}
hasError={Boolean(errors.identifier)}
placeholder="Identifier"
className="w-full text-xs uppercase focus:border-blue-400"
tabIndex={2}
/>
)}
/>
<span className="text-xs text-red-500">
<>{errors?.identifier?.message}</>
</span>
</div>
<div className="md:col-span-4">
<Controller
name="description"
control={control}
render={({ field: { value, onChange } }) => (
<TextArea
id="description"
name="description"
value={value}
placeholder="Description..."
onChange={onChange}
className="!h-24 text-sm focus:border-blue-400"
hasError={Boolean(errors?.description)}
tabIndex={3}
/>
)}
/>
</div>
</div>
<div className="flex flex-wrap items-center gap-2">
<Controller
name="network"
control={control}
render={({ field: { onChange, value } }) => {
const currentNetwork = NETWORK_CHOICES.find((n) => n.key === value);
return (
<div className="flex-shrink-0" tabIndex={4}>
<CustomSelect
value={value}
onChange={onChange}
label={
<div className="flex items-center gap-1">
{currentNetwork ? (
<>
<currentNetwork.icon className="h-3 w-3" />
{currentNetwork.label}
</>
) : (
<span className="text-custom-text-400">Select network</span>
)}
</div>
}
placement="bottom-start"
noChevron
tabIndex={4}
>
{NETWORK_CHOICES.map((network) => (
<CustomSelect.Option key={network.key} value={network.key}>
<div className="flex items-start gap-2">
<network.icon className="h-3.5 w-3.5" />
<div className="-mt-1">
<p>{network.label}</p>
<p className="text-xs text-custom-text-400">{network.description}</p>
</div>
</div>
</CustomSelect.Option>
))}
</CustomSelect>
</div>
);
}}
/>
<Controller
name="project_lead"
control={control}
render={({ field: { value, onChange } }) => {
if (value === undefined || value === null || typeof value === "string")
return (
<div className="h-7 flex-shrink-0" tabIndex={5}>
<MemberDropdown
value={value}
onChange={(lead) => onChange(lead === value ? null : lead)}
placeholder="Lead"
multiple={false}
buttonVariant="border-with-text"
tabIndex={5}
/>
</div>
);
else return <></>;
}}
/>
</div>
</div>
<div className="flex justify-end gap-2 pt-5">
<Button variant="neutral-primary" size="sm" onClick={handleClose} tabIndex={6}>
Cancel
</Button>
<Button variant="primary" type="submit" size="sm" loading={isSubmitting} tabIndex={7}>
{isSubmitting ? "Creating" : "Create project"}
</Button>
</div>
</form>
{currentStep === EProjectCreationSteps.CREATE_PROJECT && (
<CreateProjectForm
setToFavorite={setToFavorite}
workspaceSlug={workspaceSlug}
onClose={onClose}
handleNextStep={handleNextStep}
/>
)}
{currentStep === EProjectCreationSteps.FEATURE_SELECTION && (
<ProjectFeatureUpdate projectId={createdProjectId} workspaceSlug={workspaceSlug} onClose={onClose} />
)}
</Dialog.Panel>
</Transition.Child>
</div>

2
web/components/project/index.ts
View File

@ -3,6 +3,8 @@ export * from "./settings";
export * from "./card-list";
export * from "./card";
export * from "./create-project-modal";
export * from "./create-project-form";
export * from "./project-feature-update";
export * from "./delete-project-modal";
export * from "./form-loader";
export * from "./form";

57
web/components/project/project-feature-update.tsx Normal file
View File

@ -0,0 +1,57 @@
import React, { FC } from "react";
import { observer } from "mobx-react";
import Link from "next/link";
// hooks
import { useProject } from "hooks/store";
// ui
import { Button, getButtonStyling } from "@plane/ui";
// components
import { ProjectFeaturesList } from "./settings";
import { ProjectLogo } from "./project-logo";
type Props = {
workspaceSlug: string;
projectId: string | null;
onClose: () => void;
};
export const ProjectFeatureUpdate: FC<Props> = observer((props) => {
const { workspaceSlug, projectId, onClose } = props;
// store hooks
const { getProjectById } = useProject();
if (!workspaceSlug || !projectId) return null;
const currentProjectDetails = getProjectById(projectId);
if (!currentProjectDetails) return null;
return (
<>
<div className="px-4 py-2">
<h3 className="text-base font-medium leading-6">Toggle project features</h3>
<div className="text-sm tracking-tight text-custom-text-200 leading-5">
Turn on features which help you manage and run your project.
</div>
</div>
<ProjectFeaturesList workspaceSlug={workspaceSlug} projectId={projectId} isAdmin />
<div className="flex items-center justify-between gap-2 mt-4 px-4 pt-4 pb-2 border-t border-custom-border-100">
<div className="text-sm text-custom-text-300 font-medium">
Congrats! Project <ProjectLogo logo={currentProjectDetails.logo_props} /> {currentProjectDetails.name}{" "}
created.
</div>
<div className="flex gap-2">
<Button variant="neutral-primary" size="sm" onClick={onClose} tabIndex={1}>
Close
</Button>
<Link
href={`/${workspaceSlug}/projects/${projectId}/issues`}
onClick={onClose}
className={getButtonStyling("primary", "sm")}
tabIndex={2}
>
Open project
</Link>
</div>
</div>
</>
);
});

69
web/components/project/settings/features-list.tsx
View File

@ -1,86 +1,91 @@
import { FC } from "react";
import { observer } from "mobx-react-lite";
import { useRouter } from "next/router";
import { ContrastIcon, FileText, Inbox, Layers } from "lucide-react";
import { FileText, Inbox } from "lucide-react";
// ui
import { DiceIcon, ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui";
// constants
import { EUserProjectRoles } from "constants/project";
import { ContrastIcon, DiceIcon, PhotoFilterIcon, ToggleSwitch, setPromiseToast } from "@plane/ui";
// hooks
import { useEventTracker, useProject, useUser } from "hooks/store";
// types
import { IProject } from "@plane/types";
type Props = {
workspaceSlug: string;
projectId: string;
isAdmin: boolean;
};
const PROJECT_FEATURES_LIST = [
{
title: "Cycles",
description: "Cycles are enabled for all the projects in this workspace. Access them from the sidebar.",
description: "Time-box issues and boost momentum, similar to sprints in scrum.",
icon: <ContrastIcon className="h-4 w-4 flex-shrink-0 rotate-180 text-purple-500" />,
property: "cycle_view",
},
{
title: "Modules",
description: "Modules are enabled for all the projects in this workspace. Access it from the sidebar.",
icon: <DiceIcon width={16} height={16} className="flex-shrink-0" />,
description: "Group multiple issues together and track the progress.",
icon: <DiceIcon width={16} height={16} className="flex-shrink-0 text-red-500" />,
property: "module_view",
},
{
title: "Views",
description: "Views are enabled for all the projects in this workspace. Access it from the sidebar.",
icon: <Layers className="h-4 w-4 flex-shrink-0 text-cyan-500" />,
description: "Apply filters to issues and save them to analyse and investigate work.",
icon: <PhotoFilterIcon className="h-4 w-4 flex-shrink-0 text-cyan-500" />,
property: "issue_views_view",
},
{
title: "Pages",
description: "Pages are enabled for all the projects in this workspace. Access it from the sidebar.",
description: "Document ideas, feature requirements, discussions within your project.",
icon: <FileText className="h-4 w-4 flex-shrink-0 text-red-400" />,
property: "page_view",
},
{
title: "Inbox",
description: "Inbox are enabled for all the projects in this workspace. Access it from the issues views page.",
description: "Capture external inputs, move valid issues to workflow.",
icon: <Inbox className="h-4 w-4 flex-shrink-0 text-fuchsia-500" />,
property: "inbox_view",
},
];
export const ProjectFeaturesList: FC = observer(() => {
// router
const router = useRouter();
const { workspaceSlug, projectId } = router.query;
export const ProjectFeaturesList: FC<Props> = observer((props) => {
const { workspaceSlug, projectId, isAdmin } = props;
// store hooks
const { captureEvent } = useEventTracker();
const {
currentUser,
membership: { currentProjectRole },
} = useUser();
const { currentProjectDetails, updateProject } = useProject();
const isAdmin = currentProjectRole === EUserProjectRoles.ADMIN;
const { currentUser } = useUser();
const { getProjectById, updateProject } = useProject();
// derived values
const currentProjectDetails = getProjectById(projectId);
const handleSubmit = async (formData: Partial<IProject>) => {
if (!workspaceSlug || !projectId || !currentProjectDetails) return;
setToast({
type: TOAST_TYPE.SUCCESS,
title: "Success!",
message: "Project feature updated successfully.",
const updateProjectPromise = updateProject(workspaceSlug, projectId, formData);
setPromiseToast(updateProjectPromise, {
loading: "Updating project feature...",
success: {
title: "Success!",
message: () => "Project feature updated successfully.",
},
error: {
title: "Error!",
message: () => "Something went wrong while updating project feature. Please try again.",
},
});
updateProject(workspaceSlug.toString(), projectId.toString(), formData);
};
if (!currentUser) return <></>;
return (
<div>
<div className="mx-4">
{PROJECT_FEATURES_LIST.map((feature) => (
<div
key={feature.property}
className="flex items-center justify-between gap-x-8 gap-y-2 border-b border-custom-border-100 bg-custom-background-100 p-4"
className="flex items-center justify-between gap-x-8 gap-y-2 border-b border-custom-border-100 bg-custom-background-100 pt-4 pb-2 last:border-b-0"
>
<div className="flex items-start gap-3">
<div className="flex items-center justify-center rounded bg-custom-background-90 p-3">{feature.icon}</div>
<div className="flex items-center justify-center rounded bg-custom-primary-50/10 p-3">{feature.icon}</div>
<div className="">
<h4 className="text-sm font-medium">{feature.title}</h4>
<p className="text-sm tracking-tight text-custom-text-200">{feature.description}</p>
<h4 className="text-sm font-medium leading-5">{feature.title}</h4>
<p className="text-sm tracking-tight text-custom-text-300 leading-5">{feature.description}</p>
</div>
</div>
<ToggleSwitch

11
web/components/project/sidebar-list.tsx
View File

@ -116,9 +116,14 @@ export const ProjectSidebarList: FC = observer(() => {
)}
<div
ref={containerRef}
className={cn("h-full space-y-2 overflow-y-auto px-4 vertical-scrollbar scrollbar-md", {
"border-t border-custom-sidebar-border-300": isScrolled,
})}
className={cn(
"h-full space-y-2 !overflow-y-scroll pl-4 vertical-scrollbar",
isCollapsed ? "scrollbar-sm" : "scrollbar-md",
{
"border-t border-custom-sidebar-border-300": isScrolled,
"pr-1": !isCollapsed,
}
)}
>
<DragDropContext onDragEnd={onDragEnd}>
<Droppable droppableId="favorite-projects">

6
web/components/workspace/sidebar-dropdown.tsx
View File

@ -24,8 +24,8 @@ const userLinks = (workspaceSlug: string, userId: string) => [
icon: Mails,
},
{
key: "view_profile",
name: "View profile",
key: "my_activity",
name: "My activity",
href: `/${workspaceSlug}/profile/${userId}`,
icon: CircleUserRound,
},
@ -38,7 +38,7 @@ const userLinks = (workspaceSlug: string, userId: string) => [
];
const profileLinks = (workspaceSlug: string, userId: string) => [
{
name: "View profile",
name: "My activity",
icon: UserCircle2,
link: `/${workspaceSlug}/profile/${userId}`,
},

12
web/pages/[workspaceSlug]/projects/[projectId]/settings/features.tsx
View File

@ -13,6 +13,8 @@ import { ProjectSettingLayout } from "layouts/settings-layout";
// components
// types
import { NextPageWithLayout } from "lib/types";
// constants
import { EUserProjectRoles } from "constants/project";
const FeaturesSettingsPage: NextPageWithLayout = observer(() => {
const router = useRouter();
@ -28,9 +30,11 @@ const FeaturesSettingsPage: NextPageWithLayout = observer(() => {
workspaceSlug && projectId ? () => fetchUserProjectInfo(workspaceSlug.toString(), projectId.toString()) : null
);
// derived values
const isAdmin = memberDetails?.role === 20;
const isAdmin = memberDetails?.role === EUserProjectRoles.ADMIN;
const pageTitle = currentProjectDetails?.name ? `${currentProjectDetails?.name} - Features` : undefined;
if (!workspaceSlug || !projectId) return null;
return (
<>
<PageHead title={pageTitle} />
@ -38,7 +42,11 @@ const FeaturesSettingsPage: NextPageWithLayout = observer(() => {
<div className="flex items-center border-b border-custom-border-100 py-3.5">
<h3 className="text-xl font-medium">Features</h3>
</div>
<ProjectFeaturesList />
<ProjectFeaturesList
workspaceSlug={workspaceSlug.toString()}
projectId={projectId.toString()}
isAdmin={isAdmin}
/>
</section>
</>
);

31
web/public/empty-state/Project_full_screen.svg
View File

@ -1,31 +0,0 @@
<svg width="1053" height="653" viewBox="0 0 1053 653" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.3">
<path d="M1033.18 69.7706H6.69667C6.24668 69.7706 5.81515 69.5629 5.49697 69.193C5.17878 68.8231 5 68.3215 5 67.7984C5 67.2753 5.17878 66.7737 5.49697 66.4039C5.81515 66.034 6.24668 65.8262 6.69667 65.8262H1033.18C1033.63 65.8262 1034.06 66.034 1034.38 66.4039C1034.7 66.7737 1034.88 67.2753 1034.88 67.7984C1034.88 68.3215 1034.7 68.8231 1034.38 69.193C1034.06 69.5629 1033.63 69.7706 1033.18 69.7706Z" fill="#E5E5E5"/>
<path d="M258.869 652.805C258.419 652.805 257.987 652.598 257.669 652.228C257.351 651.858 257.172 651.356 257.172 650.833V1.97222C257.172 1.44916 257.351 0.947512 257.669 0.577649C257.987 0.207786 258.419 0 258.869 0C259.319 0 259.75 0.207786 260.068 0.577649C260.386 0.947512 260.565 1.44916 260.565 1.97222V650.833C260.565 651.356 260.386 651.858 260.068 652.228C259.75 652.598 259.319 652.805 258.869 652.805Z" fill="#E5E5E5"/>
<path d="M529.005 475.358C528.634 475.358 528.279 475.207 528.016 474.938C527.754 474.669 527.606 474.304 527.606 473.924V1.95019C527.606 1.56972 527.754 1.20483 528.016 0.9358C528.279 0.666766 528.634 0.515625 529.005 0.515625C529.376 0.515625 529.732 0.666766 529.995 0.9358C530.257 1.20483 530.404 1.56972 530.404 1.95019V473.924C530.404 474.304 530.257 474.669 529.995 474.938C529.732 475.207 529.376 475.358 529.005 475.358Z" fill="#E5E5E5"/>
<path d="M809.21 652.805C808.76 652.805 808.329 652.598 808.011 652.228C807.692 651.858 807.514 651.356 807.514 650.833V1.97222C807.514 1.44916 807.692 0.947512 808.011 0.577649C808.329 0.207786 808.76 0 809.21 0C809.66 0 810.092 0.207786 810.41 0.577649C810.728 0.947512 810.907 1.44916 810.907 1.97222V650.833C810.907 651.356 810.728 651.858 810.41 652.228C810.092 652.598 809.66 652.805 809.21 652.805Z" fill="#E5E5E5"/>
<path d="M106.007 272.791H44.011C41.9867 272.789 40.0461 271.853 38.6147 270.189C37.1834 268.525 36.3782 266.269 36.376 263.916V178.875C36.3782 176.522 37.1834 174.266 38.6147 172.602C40.0461 170.938 41.9867 170.003 44.011 170H106.007C108.031 170.003 109.972 170.938 111.403 172.602C112.835 174.266 113.64 176.522 113.642 178.875V263.916C113.64 266.269 112.835 268.525 111.403 270.189C109.972 271.853 108.031 272.789 106.007 272.791Z" fill="#A3A3A3"/>
<path d="M88.6312 592.862H26.635C24.6108 592.859 22.6701 591.923 21.2387 590.259C19.8074 588.596 19.0022 586.34 19 583.987V498.945C19.0022 496.592 19.8074 494.336 21.2387 492.673C22.6701 491.009 24.6108 490.073 26.635 490.07H88.6312C90.6554 490.073 92.5961 491.009 94.0274 492.673C95.4588 494.336 96.2639 496.592 96.2662 498.945V583.987C96.2639 586.34 95.4588 588.596 94.0274 590.259C92.5961 591.923 90.6554 592.859 88.6312 592.862Z" fill="#D4D4D4"/>
<path d="M195.631 466.862H133.635C131.611 466.859 129.67 465.923 128.239 464.259C126.807 462.596 126.002 460.34 126 457.987V372.945C126.002 370.592 126.807 368.336 128.239 366.673C129.67 365.009 131.611 364.073 133.635 364.07H195.631C197.655 364.073 199.596 365.009 201.027 366.673C202.459 368.336 203.264 370.592 203.266 372.945V457.987C203.264 460.34 202.459 462.596 201.027 464.259C199.596 465.923 197.655 466.859 195.631 466.862Z" fill="#A3A3A3"/>
<path d="M393.538 324.588H331.542C329.518 324.586 327.577 323.65 326.146 321.986C324.715 320.322 323.91 318.066 323.907 315.713V230.672C323.91 228.319 324.715 226.063 326.146 224.399C327.577 222.735 329.518 221.8 331.542 221.797H393.538C395.563 221.8 397.503 222.735 398.935 224.399C400.366 226.063 401.171 228.319 401.173 230.672V315.713C401.171 318.066 400.366 320.322 398.935 321.986C397.503 323.65 395.563 324.586 393.538 324.588Z" fill="#A3A3A3"/>
<path d="M661.184 231.901H599.188C597.164 231.898 595.223 230.962 593.791 229.298C592.36 227.635 591.555 225.379 591.553 223.026V137.984C591.555 135.631 592.36 133.376 593.791 131.712C595.223 130.048 597.164 129.112 599.188 129.109H661.184C663.208 129.112 665.149 130.048 666.58 131.712C668.011 133.376 668.817 135.631 668.819 137.984V223.026C668.817 225.379 668.011 227.635 666.58 229.298C665.149 230.962 663.208 231.898 661.184 231.901Z" fill="#A3A3A3"/>
<path d="M919.359 231.903H857.363C855.339 231.9 853.398 230.964 851.967 229.3C850.535 227.637 849.73 225.381 849.728 223.028V137.986C849.73 135.633 850.535 133.377 851.967 131.714C853.398 130.05 855.339 129.114 857.363 129.111H919.359C921.383 129.114 923.324 130.05 924.755 131.714C926.187 133.377 926.992 135.633 926.994 137.986V223.028C926.992 225.381 926.187 227.637 924.755 229.3C923.324 230.964 921.383 231.9 919.359 231.903Z" fill="#A3A3A3"/>
<path d="M1044.71 554.403H982.711C980.686 554.4 978.746 553.464 977.314 551.8C975.883 550.137 975.078 547.881 975.076 545.528V460.486C975.078 458.133 975.883 455.877 977.314 454.214C978.746 452.55 980.686 451.614 982.711 451.611H1044.71C1046.73 451.614 1048.67 452.55 1050.1 454.214C1051.53 455.877 1052.34 458.133 1052.34 460.486V545.528C1052.34 547.881 1051.53 550.137 1050.1 551.8C1048.67 553.464 1046.73 554.4 1044.71 554.403Z" fill="#A3A3A3"/>
<path d="M1029.64 255.573H967.645C965.621 255.57 963.68 254.634 962.249 252.97C960.818 251.306 960.013 249.051 960.01 246.698V161.656C960.013 159.303 960.818 157.047 962.249 155.384C963.68 153.72 965.621 152.784 967.645 152.781H1029.64C1031.67 152.784 1033.61 153.72 1035.04 155.384C1036.47 157.047 1037.27 159.303 1037.28 161.656V246.698C1037.27 249.051 1036.47 251.307 1035.04 252.97C1033.61 254.634 1031.67 255.57 1029.64 255.573Z" fill="#E5E5E5"/>
<path d="M980.442 407.442H918.446C916.422 407.439 914.481 406.503 913.05 404.839C911.618 403.176 910.813 400.92 910.811 398.567V313.525C910.813 311.172 911.618 308.917 913.05 307.253C914.481 305.589 916.422 304.653 918.446 304.65H980.442C982.466 304.653 984.407 305.589 985.838 307.253C987.27 308.917 988.075 311.172 988.077 313.525V398.567C988.075 400.92 987.27 403.176 985.838 404.84C984.407 406.503 982.466 407.439 980.442 407.442Z" fill="#E5E5E5"/>
<path d="M759.707 307.401H697.711C695.687 307.398 693.746 306.462 692.315 304.798C690.884 303.135 690.078 300.879 690.076 298.526V213.484C690.078 211.131 690.884 208.876 692.315 207.212C693.746 205.548 695.687 204.612 697.711 204.609H759.707C761.732 204.612 763.672 205.548 765.103 207.212C766.535 208.876 767.34 211.131 767.342 213.484V298.526C767.34 300.879 766.535 303.135 765.103 304.798C763.672 306.462 761.732 307.398 759.707 307.401Z" fill="#D4D4D4"/>
<path d="M652.707 407.401H590.711C588.687 407.398 586.746 406.462 585.315 404.798C583.884 403.135 583.078 400.879 583.076 398.526V313.484C583.078 311.131 583.884 308.876 585.315 307.212C586.746 305.548 588.687 304.612 590.711 304.609H652.707C654.732 304.612 656.672 305.548 658.103 307.212C659.535 308.876 660.34 311.131 660.342 313.484V398.526C660.34 400.879 659.535 403.135 658.103 404.798C656.672 406.462 654.732 407.398 652.707 407.401Z" fill="#E5E5E5"/>
<path d="M362.975 541.557H300.979C298.955 541.554 297.014 540.618 295.582 538.955C294.151 537.291 293.346 535.035 293.344 532.682V447.641C293.346 445.288 294.151 443.032 295.582 441.368C297.014 439.704 298.955 438.768 300.979 438.766H362.975C364.999 438.768 366.94 439.704 368.371 441.368C369.802 443.032 370.608 445.288 370.61 447.641V532.682C370.608 535.035 369.802 537.291 368.371 538.955C366.94 540.619 364.999 541.554 362.975 541.557Z" fill="#E5E5E5"/>
<path d="M488.707 231.401H426.711C424.687 231.398 422.746 230.462 421.315 228.798C419.884 227.135 419.078 224.879 419.076 222.526V137.484C419.078 135.131 419.884 132.876 421.315 131.212C422.746 129.548 424.687 128.612 426.711 128.609H488.707C490.732 128.612 492.672 129.548 494.103 131.212C495.535 132.876 496.34 135.131 496.342 137.484V222.526C496.34 224.879 495.535 227.135 494.103 228.798C492.672 230.462 490.732 231.398 488.707 231.401Z" fill="#E5E5E5"/>
<path d="M69.6312 428.862H7.635C5.61076 428.859 3.67008 427.923 2.23873 426.259C0.807378 424.596 0.00224541 422.34 0 419.987V334.945C0.00224541 332.592 0.807378 330.336 2.23873 328.673C3.67008 327.009 5.61076 326.073 7.635 326.07H69.6312C71.6554 326.073 73.5961 327.009 75.0274 328.673C76.4588 330.336 77.2639 332.592 77.2662 334.945V419.987C77.2639 422.34 76.4588 424.596 75.0274 426.259C73.5961 427.923 71.6554 428.859 69.6312 428.862Z" fill="#F1F1F1"/>
<path d="M467.707 438.401H405.711C403.687 438.398 401.746 437.462 400.315 435.798C398.884 434.135 398.078 431.879 398.076 429.526V344.484C398.078 342.131 398.884 339.875 400.315 338.212C401.746 336.548 403.687 335.612 405.711 335.609H467.707C469.732 335.612 471.672 336.548 473.104 338.212C474.535 339.875 475.34 342.131 475.342 344.484V429.526C475.34 431.879 474.535 434.135 473.104 435.798C471.672 437.462 469.732 438.398 467.707 438.401Z" fill="#F1F1F1"/>
<path d="M918.707 582.403H856.711C854.686 582.4 852.746 581.464 851.314 579.8C849.883 578.137 849.078 575.881 849.076 573.528V488.486C849.078 486.133 849.883 483.877 851.314 482.214C852.746 480.55 854.686 479.614 856.711 479.611H918.707C920.731 479.614 922.672 480.55 924.103 482.214C925.534 483.877 926.34 486.133 926.342 488.486V573.528C926.34 575.881 925.534 578.137 924.103 579.8C922.672 581.464 920.731 582.4 918.707 582.403Z" fill="#F1F1F1"/>
<path d="M742.707 527.401H680.711C678.687 527.398 676.746 526.462 675.315 524.798C673.884 523.135 673.078 520.879 673.076 518.526V433.484C673.078 431.131 673.884 428.875 675.315 427.212C676.746 425.548 678.687 424.612 680.711 424.609H742.707C744.732 424.612 746.672 425.548 748.104 427.212C749.535 428.875 750.34 431.131 750.342 433.484V518.526C750.34 520.879 749.535 523.135 748.104 524.798C746.672 526.462 744.732 527.398 742.707 527.401Z" fill="#F1F1F1"/>
<path d="M224.889 272.791H162.893C160.869 272.789 158.928 271.853 157.497 270.189C156.065 268.525 155.26 266.269 155.258 263.916V178.875C155.26 176.522 156.065 174.266 157.497 172.602C158.928 170.938 160.869 170.003 162.893 170H224.889C226.913 170.003 228.854 170.938 230.285 172.602C231.717 174.266 232.522 176.522 232.524 178.875V263.916C232.522 266.269 231.717 268.525 230.285 270.189C228.854 271.853 226.913 272.789 224.889 272.791Z" fill="#E5E5E5"/>
<path d="M225.631 644.862H163.635C161.611 644.859 159.67 643.923 158.239 642.259C156.807 640.596 156.002 638.34 156 635.987V550.945C156.002 548.592 156.807 546.336 158.239 544.673C159.67 543.009 161.611 542.073 163.635 542.07H225.631C227.655 542.073 229.596 543.009 231.027 544.673C232.459 546.336 233.264 548.592 233.266 550.945V635.987C233.264 638.34 232.459 640.596 231.027 642.259C229.596 643.923 227.655 644.859 225.631 644.862Z" fill="#E5E5E5"/>
<path d="M178.101 37.4731H81.3912C79.5912 37.4731 77.865 36.6419 76.5923 35.1625C75.3195 33.683 74.6045 31.6765 74.6045 29.5842C74.6045 27.4919 75.3195 25.4854 76.5923 24.0059C77.865 22.5265 79.5912 21.6953 81.3912 21.6953H178.101C179.901 21.6953 181.627 22.5265 182.9 24.0059C184.173 25.4854 184.888 27.4919 184.888 29.5842C184.888 31.6765 184.173 33.683 182.9 35.1625C181.627 36.6419 179.901 37.4731 178.101 37.4731Z" fill="#D4D4D4"/>
<path d="M442.272 37.4731H345.562C343.762 37.4731 342.036 36.6419 340.763 35.1625C339.49 33.683 338.775 31.6765 338.775 29.5842C338.775 27.4919 339.49 25.4854 340.763 24.0059C342.036 22.5265 343.762 21.6953 345.562 21.6953H442.272C444.072 21.6953 445.798 22.5265 447.071 24.0059C448.344 25.4854 449.059 27.4919 449.059 29.5842C449.059 31.6765 448.344 33.683 447.071 35.1625C445.798 36.6419 444.072 37.4731 442.272 37.4731Z" fill="#D4D4D4"/>
<path d="M720.483 37.4731H623.773C621.973 37.4731 620.247 36.6419 618.974 35.1625C617.701 33.683 616.986 31.6765 616.986 29.5842C616.986 27.4919 617.701 25.4854 618.974 24.0059C620.247 22.5265 621.973 21.6953 623.773 21.6953H720.483C722.283 21.6953 724.009 22.5265 725.282 24.0059C726.555 25.4854 727.27 27.4919 727.27 29.5842C727.27 31.6765 726.555 33.683 725.282 35.1625C724.009 36.6419 722.283 37.4731 720.483 37.4731Z" fill="#D4D4D4"/>
<path d="M990.77 37.4731H894.06C892.26 37.4731 890.534 36.6419 889.261 35.1625C887.988 33.683 887.273 31.6765 887.273 29.5842C887.273 27.4919 887.988 25.4854 889.261 24.0059C890.534 22.5265 892.26 21.6953 894.06 21.6953H990.77C992.57 21.6953 994.296 22.5265 995.569 24.0059C996.842 25.4854 997.557 27.4919 997.557 29.5842C997.557 31.6765 996.842 33.683 995.569 35.1625C994.296 36.6419 992.57 37.4731 990.77 37.4731Z" fill="#D4D4D4"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

21
web/public/empty-state/analytics.svg
View File

@ -1,21 +0,0 @@
<svg width="126" height="136" viewBox="0 0 126 136" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M113.955 135.906C113.919 135.906 113.883 135.906 113.848 135.906L19.4 134.786C14.0318 134.715 9.70802 130.233 9.74578 124.787C3.07794 102.326 0.140014 84.6385 0.220352 67.4423C0.304227 49.494 3.79635 31.2365 11.2096 9.98858C11.2958 4.57842 15.6643 0.222153 20.9864 0.222153C21.0208 0.222153 21.0552 0.222371 21.0897 0.222697L115.538 1.34477C120.918 1.41524 125.248 5.91626 125.189 11.3783L124.998 28.0142L124.856 28.0159L123.728 126.104C123.659 131.532 119.285 135.906 113.955 135.906ZM20.9863 0.668279C15.8915 0.668279 11.7123 4.84756 11.6484 10.0314L11.648 10.0683L11.6358 10.1031C-2.52107 50.6621 -2.90313 80.6475 10.1761 124.69L10.1858 124.723L10.1854 124.757C10.1319 129.973 14.2679 134.272 19.4054 134.34L113.853 135.459C113.887 135.46 113.921 135.46 113.955 135.46C119.046 135.46 123.223 131.282 123.289 126.099L124.33 35.5712L124.335 35.1254L124.456 24.7741L124.596 24.773L124.75 11.3732C124.806 6.15696 120.671 1.8582 115.532 1.79089L21.0848 0.668824C21.0522 0.668498 21.0188 0.668279 20.9863 0.668279Z" fill="#F5F5F5"/>
<path d="M105.57 95.7116L105.563 96.1577H51.6133V95.7116H105.57Z" fill="#F5F5F5"/>
<path d="M105.677 86.2315L105.673 86.6777H51.6133V86.2315H105.677Z" fill="#F5F5F5"/>
<path d="M105.787 76.7513L105.783 77.1975H51.6133V76.7513H105.787Z" fill="#F5F5F5"/>
<path d="M105.442 106.062L105.437 106.508H50.4023V59.6869L50.8417 59.6914V87.7104C50.8417 90.579 51.4897 93.2937 52.6451 95.7117C52.7176 95.8611 52.7901 96.0106 52.867 96.1578C55.8764 102.042 61.9348 106.062 68.9158 106.062H105.442Z" fill="#F5F5F5"/>
<path d="M29.1238 129.338C23.8536 129.27 19.6326 124.882 19.6882 119.53C7.13649 77.2648 6.35043 47.2084 21.1499 4.80458C21.1795 3.11704 21.6476 1.46746 22.5066 0.0226944L20.6481 0.000550955C15.3778 -0.0558841 11.0569 4.23032 10.9891 9.582C-3.81039 51.9859 -3.0243 82.0422 9.52746 124.308C9.47176 129.659 13.6928 134.047 18.963 134.116L113.411 135.237C116.826 135.266 119.994 133.434 121.713 130.437L29.1238 129.338Z" fill="#F5F5F5"/>
<path d="M17.1014 125.311C17.0716 124.32 17.9447 123.617 18.8372 123.436C19.9713 123.205 21.1291 123.799 22.09 124.338C23.8072 125.303 22.5893 124.924 24.6061 125.743C27.4295 126.563 29.8496 124.515 30.7316 121.601C31.2526 119.19 31.1434 117.133 31.2579 114.916C31.3681 112.78 31.9407 110.611 33.7234 109.285C34.4718 108.728 35.404 108.398 36.3333 108.594C37.3258 108.802 38.1186 109.527 39.075 109.842C40.8547 110.429 42.7264 109.637 44.061 108.429C45.6134 107.025 46.3714 105.05 46.9048 103.058C47.4579 100.992 47.7957 98.8294 48.8098 96.9266C49.6752 95.3029 51.0345 93.8043 52.908 93.4946C54.7436 93.1912 56.5024 94.105 58.0867 94.9234C59.7173 95.7656 61.4029 96.6782 63.2711 96.7567C67.2745 96.925 70.3669 93.4662 72.1019 90.1776C74.0822 86.424 75.2304 81.8692 78.7486 79.2155C80.2608 78.0749 82.1795 77.2786 84.09 77.5982C86.0209 77.9212 87.4315 79.3434 88.7138 80.7334C90.0273 82.1572 91.3314 83.5599 93.111 84.3799C94.8575 85.1846 96.8087 85.486 98.7111 85.2311C99.6298 85.108 100.509 84.8524 101.359 84.4796C101.747 84.3092 101.412 83.7326 101.026 83.9017C99.1621 84.7195 97.04 84.8612 95.0732 84.3691C93.0971 83.8747 91.5224 82.7522 90.127 81.2828C88.8495 79.9375 87.6484 78.4058 85.9773 77.5413C84.2868 76.6668 82.3485 76.6891 80.6038 77.3946C78.8348 78.1101 77.3023 79.3755 76.1402 80.8969C74.7902 82.6643 73.8925 84.7357 72.9901 86.7604C71.359 90.4199 69.2681 94.7415 65.0953 95.8789C61.1443 96.9559 58.221 93.4057 54.5355 92.8421C52.7237 92.5651 51.009 93.2021 49.726 94.5162C48.3977 95.8768 47.6298 97.6761 47.1226 99.4939C46.501 101.721 46.181 104.107 45.0397 106.146C44.1375 107.758 42.4664 109.253 40.5676 109.365C39.4798 109.429 38.6469 108.919 37.7171 108.427C36.879 107.983 36.0038 107.754 35.0617 107.941C33.2973 108.291 31.9264 109.874 31.2526 111.488C29.5906 115.47 31.8793 120.586 28.6257 123.99C28.0311 124.612 27.2683 125.08 26.4071 125.175C25.2534 125.303 24.1746 124.757 23.1966 124.204C21.5072 123.249 19.3683 121.971 17.5167 123.297C16.8596 123.768 16.4174 124.478 16.4424 125.311C16.4554 125.74 17.1144 125.742 17.1014 125.311Z" fill="#3A3A3A"/>
<path d="M82.8793 78.9819C83.9712 78.9819 84.8563 78.0831 84.8563 76.9743C84.8563 75.8656 83.9712 74.9667 82.8793 74.9667C81.7875 74.9667 80.9023 75.8656 80.9023 76.9743C80.9023 78.0831 81.7875 78.9819 82.8793 78.9819Z" fill="#3F76FF"/>
<path d="M64.4223 97.9423C65.5142 97.9423 66.3993 97.0435 66.3993 95.9347C66.3993 94.826 65.5142 93.9272 64.4223 93.9272C63.3304 93.9272 62.4453 94.826 62.4453 95.9347C62.4453 97.0435 63.3304 97.9423 64.4223 97.9423Z" fill="#3F76FF"/>
<path d="M53.1523 35.2409C54.3647 32.6859 57.5101 31.2629 60.1915 32.0564C61.702 32.5034 62.969 33.5304 64.3579 34.281C65.7468 35.0315 67.4699 35.4976 68.867 34.763C71.2685 33.5002 71.122 29.7301 73.2108 27.9858C74.6011 26.8248 76.6411 26.8791 78.3595 27.4234C80.0778 27.9677 81.6492 28.9286 83.3787 29.4352C86.5972 30.3778 90.2569 29.5851 92.8165 27.3909C92.8421 27.369 92.8673 27.3469 92.8922 27.3246C94.1594 26.191 96.1451 27.1252 96.0986 28.8395L95.7746 40.7943H53.3791L53.1523 35.2409Z" fill="#F5F5F5"/>
<path d="M90.36 33.0866C90.4996 33.029 90.4996 32.8303 90.3599 32.7727C89.3853 32.3712 88.2938 31.7997 87.4596 31.178C87.3261 31.0784 87.1476 31.2157 87.204 31.3738L87.6788 32.7065H79.5547V33.1527H87.6788L87.2039 34.4858C87.1476 34.644 87.326 34.7812 87.4596 34.6817C88.2937 34.0599 89.3853 33.4883 90.36 33.0866Z" fill="#3A3A3A"/>
<path d="M72.0801 30.9379C72.157 30.8062 72.0385 30.648 71.893 30.6881C70.8779 30.9678 69.6684 31.184 68.6339 31.2021C68.4682 31.205 68.408 31.4239 68.5472 31.5152L69.7197 32.2839L63.2539 37.2788L63.5199 37.6339L69.9857 32.6389L70.4026 33.9919C70.4521 34.1525 70.6759 34.1519 70.7229 33.9906C71.0161 32.9829 71.544 31.8569 72.0801 30.9379Z" fill="#3A3A3A"/>
<path d="M94.3087 30.3053C96.3884 30.3053 98.0744 28.5933 98.0744 26.4814C98.0744 24.3694 96.3884 22.6574 94.3087 22.6574C92.2289 22.6574 90.543 24.3694 90.543 26.4814C90.543 28.5933 92.2289 30.3053 94.3087 30.3053Z" fill="#3F76FF"/>
<path opacity="0.7" d="M75.8673 30.3053C77.947 30.3053 79.633 28.5933 79.633 26.4814C79.633 24.3694 77.947 22.6574 75.8673 22.6574C73.7875 22.6574 72.1016 24.3694 72.1016 26.4814C72.1016 28.5933 73.7875 30.3053 75.8673 30.3053Z" fill="#3F76FF"/>
<path opacity="0.25" d="M59.168 33.8743C61.2478 33.8743 62.9337 32.1623 62.9337 30.0504C62.9337 27.9384 61.2478 26.2264 59.168 26.2264C57.0883 26.2264 55.4023 27.9384 55.4023 30.0504C55.4023 32.1623 57.0883 33.8743 59.168 33.8743Z" fill="#3F76FF"/>
<path d="M104.847 48.4215L46.4175 47.9963C44.5394 47.9826 43.0018 49.5218 42.9884 51.4289C42.9749 53.336 44.4906 54.8974 46.3687 54.9111L104.798 55.3363C106.676 55.35 108.214 53.8109 108.227 51.9037C108.241 49.9966 106.725 48.4352 104.847 48.4215Z" fill="#F5F5F5"/>
<path d="M37.69 52.2934C38.5392 52.2934 39.2277 51.5943 39.2277 50.7319C39.2277 49.8695 38.5392 49.1705 37.69 49.1705C36.8408 49.1705 36.1523 49.8695 36.1523 50.7319C36.1523 51.5943 36.8408 52.2934 37.69 52.2934Z" fill="#F5F5F5"/>
<path d="M104.847 10.0546L46.4175 9.62939C44.5394 9.61572 43.0018 11.1549 42.9884 13.062C42.9749 14.9692 44.4906 16.5305 46.3687 16.5442L104.798 16.9694C106.676 16.9831 108.214 15.444 108.227 13.5368C108.241 11.6297 106.725 10.0683 104.847 10.0546Z" fill="#F5F5F5"/>
<path d="M37.69 13.9265C38.5392 13.9265 39.2277 13.2274 39.2277 12.365C39.2277 11.5027 38.5392 10.8036 37.69 10.8036C36.8408 10.8036 36.1523 11.5027 36.1523 12.365C36.1523 13.2274 36.8408 13.9265 37.69 13.9265Z" fill="#F5F5F5"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 7.4 KiB

23
web/public/empty-state/dashboard.svg
View File

@ -1,23 +0,0 @@
<svg width="277" height="167" viewBox="0 0 277 167" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M55.1378 23.975H33.4777C31.3953 23.9769 29.3987 24.805 27.9262 26.2775C26.4538 27.75 25.6257 29.7465 25.6238 31.8289V55.3121C25.3469 55.2955 25.07 55.2708 24.7971 55.2377C19.6656 54.6978 14.787 52.7351 10.7113 49.5709C6.63556 46.4067 3.52485 42.1669 1.72986 37.3293C-0.0651362 32.4918 -0.473025 27.2491 0.552182 22.1921C1.57739 17.1352 3.99491 12.4652 7.5322 8.70874C11.0695 4.95225 15.5858 2.25865 20.5721 0.931613C25.5583 -0.395423 30.8161 -0.303114 35.7527 1.19814C40.6893 2.69939 45.1083 5.54988 48.5115 9.42823C51.9147 13.3066 54.1669 18.0585 55.0139 23.1483C55.0593 23.4211 55.1007 23.6981 55.1378 23.975Z" fill="#B2C8FF"/>
<path d="M310.84 23.1483H33.4736C31.1721 23.1508 28.9656 24.0662 27.3382 25.6936C25.7109 27.321 24.7955 29.5275 24.793 31.8289V178.159C24.7955 180.461 25.7109 182.667 27.3382 184.295C28.9656 185.922 31.1721 186.837 33.4736 186.84H310.84C313.141 186.837 315.348 185.922 316.975 184.295C318.603 182.667 319.518 180.461 319.521 178.159V31.8289C319.518 29.5275 318.603 27.321 316.975 25.6936C315.348 24.0662 313.141 23.1508 310.84 23.1483ZM318.694 178.159C318.692 180.242 317.864 182.238 316.391 183.711C314.919 185.183 312.922 186.011 310.84 186.013H33.4736C31.3912 186.011 29.3946 185.183 27.9221 183.711C26.4496 182.238 25.6216 180.242 25.6197 178.159V31.8289C25.6216 29.7465 26.4496 27.75 27.9221 26.2775C29.3946 24.805 31.3912 23.9769 33.4736 23.975H310.84C312.922 23.9769 314.919 24.805 316.391 26.2775C317.864 27.75 318.692 29.7465 318.694 31.8289V178.159Z" fill="#E5E5E5"/>
<path d="M297.201 46.8628H47.1165C47.0069 46.8628 46.9017 46.8192 46.8242 46.7417C46.7467 46.6642 46.7031 46.5591 46.7031 46.4494C46.7031 46.3398 46.7467 46.2347 46.8242 46.1571C46.9017 46.0796 47.0069 46.0361 47.1165 46.0361H297.201C297.31 46.0361 297.416 46.0796 297.493 46.1571C297.571 46.2347 297.614 46.3398 297.614 46.4494C297.614 46.5591 297.571 46.6642 297.493 46.7417C297.416 46.8192 297.31 46.8628 297.201 46.8628Z" fill="#E5E5E5"/>
<path d="M117.812 169.065C117.702 169.065 117.597 169.022 117.52 168.944C117.442 168.867 117.398 168.762 117.398 168.652V32.6557C117.398 32.546 117.442 32.4409 117.52 32.3634C117.597 32.2858 117.702 32.2423 117.812 32.2423C117.921 32.2423 118.027 32.2858 118.104 32.3634C118.182 32.4409 118.225 32.546 118.225 32.6557V168.652C118.225 168.762 118.182 168.867 118.104 168.944C118.027 169.022 117.921 169.065 117.812 169.065Z" fill="#E5E5E5"/>
<path d="M180.214 169.065C180.105 169.065 179.999 169.022 179.922 168.944C179.844 168.867 179.801 168.762 179.801 168.652V32.6557C179.801 32.546 179.844 32.4409 179.922 32.3634C179.999 32.2858 180.105 32.2423 180.214 32.2423C180.324 32.2423 180.429 32.2858 180.506 32.3634C180.584 32.4409 180.628 32.546 180.628 32.6557V168.652C180.628 168.762 180.584 168.867 180.506 168.944C180.429 169.022 180.324 169.065 180.214 169.065Z" fill="#E5E5E5"/>
<path d="M242.636 169.065C242.526 169.065 242.421 169.022 242.344 168.944C242.266 168.867 242.223 168.762 242.223 168.652V32.6557C242.223 32.546 242.266 32.4409 242.344 32.3634C242.421 32.2858 242.526 32.2423 242.636 32.2423C242.746 32.2423 242.851 32.2858 242.928 32.3634C243.006 32.4409 243.049 32.546 243.049 32.6557V168.652C243.049 168.762 243.006 168.867 242.928 168.944C242.851 169.022 242.746 169.065 242.636 169.065Z" fill="#E5E5E5"/>
<path d="M77.6675 89.5292H62.5633C62.0701 89.5286 61.5973 89.3325 61.2486 88.9838C60.8998 88.635 60.7037 88.1622 60.7031 87.6691V69.845C60.7037 69.3518 60.8998 68.879 61.2486 68.5303C61.5973 68.1816 62.0701 67.9854 62.5633 67.9849H77.6675C78.1607 67.9854 78.6335 68.1816 78.9822 68.5303C79.3309 68.879 79.5271 69.3518 79.5276 69.845V87.6691C79.5271 88.1622 79.3309 88.635 78.9822 88.9838C78.6335 89.3325 78.1607 89.5286 77.6675 89.5292Z" fill="#3F76FF"/>
<path d="M99.1753 140.373H84.0711C83.5779 140.372 83.1051 140.176 82.7564 139.827C82.4076 139.479 82.2115 139.006 82.2109 138.513V120.689C82.2115 120.195 82.4076 119.723 82.7564 119.374C83.1051 119.025 83.5779 118.829 84.0711 118.829H99.1753C99.6685 118.829 100.141 119.025 100.49 119.374C100.839 119.723 101.035 120.195 101.035 120.689V138.513C101.035 139.006 100.839 139.479 100.49 139.827C100.141 140.176 99.6685 140.372 99.1753 140.373Z" fill="#3F76FF"/>
<path d="M147.937 100.277H132.833C132.34 100.276 131.867 100.08 131.518 99.7311C131.169 99.3824 130.973 98.9096 130.973 98.4164V80.5924C130.973 80.0992 131.169 79.6264 131.518 79.2777C131.867 78.9289 132.34 78.7328 132.833 78.7322H147.937C148.43 78.7328 148.903 78.9289 149.252 79.2777C149.6 79.6264 149.797 80.0992 149.797 80.5924V98.4164C149.797 98.9096 149.6 99.3824 149.252 99.7311C148.903 100.08 148.43 100.276 147.937 100.277Z" fill="#3F76FF"/>
<path d="M211.195 80.8485H196.091C195.597 80.848 195.125 80.6518 194.776 80.3031C194.427 79.9544 194.231 79.4816 194.23 78.9884V61.1644C194.231 60.6712 194.427 60.1984 194.776 59.8497C195.125 59.5009 195.597 59.3048 196.091 59.3042H211.195C211.688 59.3048 212.161 59.5009 212.51 59.8497C212.858 60.1984 213.054 60.6712 213.055 61.1644V78.9884C213.054 79.4816 212.858 79.9544 212.51 80.3031C212.161 80.6518 211.688 80.848 211.195 80.8485Z" fill="#3F76FF"/>
<path d="M269.468 80.8485H254.364C253.871 80.848 253.398 80.6518 253.049 80.3031C252.701 79.9544 252.504 79.4816 252.504 78.9884V61.1644C252.504 60.6712 252.701 60.1984 253.049 59.8497C253.398 59.5009 253.871 59.3048 254.364 59.3042H269.468C269.961 59.3048 270.434 59.5009 270.783 59.8497C271.132 60.1984 271.328 60.6712 271.328 61.1644V78.9884C271.328 79.4816 271.132 79.9544 270.783 80.3031C270.434 80.6518 269.961 80.848 269.468 80.8485Z" fill="#3F76FF"/>
<path d="M284.347 117.638H269.243C268.75 117.637 268.277 117.441 267.928 117.092C267.58 116.744 267.383 116.271 267.383 115.778V97.9536C267.383 97.4604 267.58 96.9876 267.928 96.6389C268.277 96.2902 268.75 96.094 269.243 96.0935H284.347C284.84 96.094 285.313 96.2902 285.662 96.6389C286.011 96.9876 286.207 97.4604 286.207 97.9536V115.778C286.207 116.271 286.011 116.744 285.662 117.092C285.313 117.441 284.84 117.637 284.347 117.638Z" fill="#E5E5E5"/>
<path d="M233.105 111.024H218.001C217.508 111.023 217.035 110.827 216.686 110.479C216.337 110.13 216.141 109.657 216.141 109.164V91.3399C216.141 90.8467 216.337 90.3739 216.686 90.0252C217.035 89.6764 217.508 89.4803 218.001 89.4797H233.105C233.598 89.4803 234.071 89.6764 234.42 90.0252C234.768 90.3739 234.965 90.8467 234.965 91.3399V109.164C234.965 109.657 234.768 110.13 234.42 110.479C234.071 110.827 233.598 111.023 233.105 111.024Z" fill="#FF6584"/>
<path d="M203.757 117.638H188.653C188.16 117.637 187.687 117.441 187.338 117.092C186.99 116.744 186.794 116.271 186.793 115.778V97.9536C186.794 97.4604 186.99 96.9876 187.338 96.6389C187.687 96.2902 188.16 96.094 188.653 96.0935H203.757C204.251 96.094 204.723 96.2902 205.072 96.6389C205.421 96.9876 205.617 97.4604 205.617 97.9536V115.778C205.617 116.271 205.421 116.744 205.072 117.092C204.723 117.441 204.251 117.637 203.757 117.638Z" fill="#E5E5E5"/>
<path d="M140.496 145.746H125.391C124.898 145.746 124.425 145.55 124.077 145.201C123.728 144.852 123.532 144.379 123.531 143.886V126.062C123.532 125.569 123.728 125.096 124.077 124.748C124.425 124.399 124.898 124.203 125.391 124.202H140.496C140.989 124.203 141.462 124.399 141.81 124.748C142.159 125.096 142.355 125.569 142.356 126.062V143.886C142.355 144.38 142.159 144.852 141.81 145.201C141.462 145.55 140.989 145.746 140.496 145.746Z" fill="#E5E5E5"/>
<path d="M64.0308 122.185H48.9265C48.4334 122.184 47.9606 121.988 47.6118 121.639C47.2631 121.291 47.067 120.818 47.0664 120.325V102.501C47.067 102.008 47.2631 101.535 47.6118 101.186C47.9606 100.837 48.4334 100.641 48.9265 100.641H64.0308C64.524 100.641 64.9968 100.837 65.3455 101.186C65.6942 101.535 65.8904 102.008 65.8909 102.501V120.325C65.8904 120.818 65.6942 121.291 65.3455 121.639C64.9968 121.988 64.524 122.184 64.0308 122.185Z" fill="#FF6584"/>
<path d="M106.617 89.5292H91.5125C91.0193 89.5286 90.5465 89.3325 90.1978 88.9838C89.849 88.635 89.6529 88.1622 89.6523 87.6691V69.845C89.6529 69.3518 89.849 68.879 90.1978 68.5303C90.5465 68.1816 91.0193 67.9854 91.5125 67.9849H106.617C107.11 67.9854 107.583 68.1816 107.931 68.5303C108.28 68.879 108.476 69.3518 108.477 69.845V87.6691C108.476 88.1622 108.28 88.635 107.931 88.9838C107.583 89.3325 107.11 89.5286 106.617 89.5292Z" fill="#E5E5E5"/>
<path d="M94.2386 40.0962H70.6769C70.2384 40.0962 69.8178 39.922 69.5077 39.6119C69.1976 39.3018 69.0234 38.8813 69.0234 38.4427C69.0234 38.0042 69.1976 37.5837 69.5077 37.2736C69.8178 36.9635 70.2384 36.7893 70.6769 36.7893H94.2386C94.6771 36.7893 95.0976 36.9635 95.4077 37.2736C95.7178 37.5837 95.892 38.0042 95.892 38.4427C95.892 38.8813 95.7178 39.3018 95.4077 39.6119C95.0976 39.922 94.6771 40.0962 94.2386 40.0962Z" fill="#D4D4D4"/>
<path d="M160.782 40.0962H137.22C136.781 40.0962 136.361 39.922 136.051 39.6119C135.741 39.3018 135.566 38.8813 135.566 38.4427C135.566 38.0042 135.741 37.5837 136.051 37.2736C136.361 36.9635 136.781 36.7893 137.22 36.7893H160.782C161.22 36.7893 161.641 36.9635 161.951 37.2736C162.261 37.5837 162.435 38.0042 162.435 38.4427C162.435 38.8813 162.261 39.3018 161.951 39.6119C161.641 39.922 161.22 40.0962 160.782 40.0962Z" fill="#D4D4D4"/>
<path d="M223.207 40.0962H199.646C199.207 40.0962 198.787 39.922 198.476 39.6119C198.166 39.3018 197.992 38.8813 197.992 38.4427C197.992 38.0042 198.166 37.5837 198.476 37.2736C198.787 36.9635 199.207 36.7893 199.646 36.7893H223.207C223.646 36.7893 224.066 36.9635 224.376 37.2736C224.687 37.5837 224.861 38.0042 224.861 38.4427C224.861 38.8813 224.687 39.3018 224.376 39.6119C224.066 39.922 223.646 40.0962 223.207 40.0962Z" fill="#D4D4D4"/>
<path d="M281.496 40.0962H257.935C257.496 40.0962 257.076 39.922 256.766 39.6119C256.455 39.3018 256.281 38.8813 256.281 38.4427C256.281 38.0042 256.455 37.5837 256.766 37.2736C257.076 36.9635 257.496 36.7893 257.935 36.7893H281.496C281.935 36.7893 282.355 36.9635 282.666 37.2736C282.976 37.5837 283.15 38.0042 283.15 38.4427C283.15 38.8813 282.976 39.3018 282.666 39.6119C282.355 39.922 281.935 40.0962 281.496 40.0962Z" fill="#D4D4D4"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 9.9 KiB

19
web/public/empty-state/estimate.svg
View File

@ -1,19 +0,0 @@
<svg width="98" height="121" viewBox="0 0 98 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.8707 74.5375C16.3076 72.9545 18.6808 73.4171 20.2598 74.5344C22.2919 75.9722 22.873 78.598 23.1728 80.9255C23.6803 84.8657 23.8304 90.4355 28.2986 92.0828C30.363 92.8439 32.7261 92.2154 34.4697 90.9796C36.3742 89.6297 37.5622 87.5534 38.3579 85.4014C39.3213 82.796 39.879 80.0089 40.3517 77.2785C40.8351 74.4863 41.1519 71.664 41.2941 68.8338C41.4333 66.0649 41.3427 63.3142 41.2327 60.5471C41.1467 58.3866 41.1139 56.1179 41.8437 54.052C42.5808 51.9655 44.2945 50.3785 46.5478 50.1692C48.7349 49.966 50.9875 50.8883 52.57 52.3768C56.3668 55.9484 56.5454 61.7791 57.3941 66.5679C57.8399 69.084 58.4917 71.63 59.8579 73.819C60.9816 75.6193 62.5432 77.1286 64.3419 78.2484C67.9699 80.507 72.5929 81.1661 76.6187 79.6144C80.5491 78.0995 83.713 74.7878 85.082 70.8073C85.4201 69.8243 85.6289 68.8088 85.7348 67.7756C85.7841 67.2952 85.0326 67.2986 84.9838 67.7756C84.5336 72.1666 81.7151 76.1433 77.8526 78.2259C73.8783 80.3689 69.0654 80.097 65.1824 77.8754C63.2735 76.7832 61.6129 75.2427 60.4591 73.364C59.0598 71.0857 58.4606 68.4301 58.0247 65.8227C57.2373 61.1135 56.8802 55.7066 53.3508 52.0908C50.6136 49.2866 45.5767 48.1613 42.635 51.2848C39.6059 54.501 40.5139 59.682 40.6106 63.6745C40.7523 69.5217 40.1494 75.3825 38.8131 81.0769C38.2314 83.5555 37.5623 86.1115 36.1024 88.2369C34.7681 90.1793 32.5875 91.6848 30.1594 91.6609C27.7378 91.637 26.0364 89.8572 25.1768 87.7354C24.2698 85.4969 24.2104 83.0793 23.8965 80.7163C23.6084 78.5472 23.0835 76.1467 21.4568 74.5592C20.1918 73.3248 18.3152 72.5301 16.5348 72.814C15.6794 72.9505 14.9208 73.3661 14.3396 74.0064C14.0153 74.3636 14.5449 74.8963 14.8707 74.5375Z" fill="#3F76FF"/>
<path d="M55.4847 43.7299H38.3499C37.9179 43.7299 37.5664 43.3784 37.5664 42.9464C37.5664 42.5144 37.9179 42.1631 38.3499 42.1631H55.4847C55.9167 42.1631 56.268 42.5144 56.268 42.9464C56.268 43.3784 55.9167 43.7299 55.4847 43.7299Z" fill="#D4D4D4"/>
<path d="M81.9847 89.2958H64.8499C64.4179 89.2958 64.0664 88.9443 64.0664 88.5123C64.0664 88.0803 64.4179 87.729 64.8499 87.729H81.9847C82.4167 87.729 82.768 88.0803 82.768 88.5123C82.768 88.9443 82.4167 89.2958 81.9847 89.2958Z" fill="#D4D4D4"/>
<path d="M96.0159 120.34H78.8811C78.4491 120.34 78.0977 119.989 78.0977 119.557C78.0977 119.125 78.4491 118.773 78.8811 118.773H96.0159C96.4479 118.773 96.7993 119.125 96.7993 119.557C96.7993 119.989 96.4479 120.34 96.0159 120.34Z" fill="#D4D4D4"/>
<path d="M17.9183 26.7069H0.78347C0.351487 26.7069 0 26.3554 0 25.9235C0 25.4915 0.351492 25.1401 0.78347 25.1401H17.9183C18.3503 25.1401 18.7016 25.4915 18.7016 25.9235C18.7016 26.3554 18.3503 26.7069 17.9183 26.7069Z" fill="#D4D4D4"/>
<path d="M87.2283 111.248H9.56712C9.29059 111.248 9.06641 111.023 9.06641 110.747V36.6409C9.06641 36.3641 9.2906 36.1401 9.56712 36.1401C9.84364 36.1401 10.0678 36.3641 10.0678 36.6409V66.8782C10.0678 90.8296 29.4843 110.246 53.4358 110.246H87.2283C87.5048 110.246 87.729 110.47 87.729 110.747C87.729 111.024 87.5048 111.248 87.2283 111.248Z" fill="#D4D4D4"/>
<path d="M25.9613 81.4652H8.82644C8.39446 81.4652 8.04297 81.1137 8.04297 80.6817C8.04297 80.2498 8.39446 79.8984 8.82644 79.8984H25.9613C26.3932 79.8984 26.7446 80.2498 26.7446 80.6817C26.7446 81.1137 26.3932 81.4652 25.9613 81.4652Z" fill="#D4D4D4"/>
<path d="M14.8118 76.6085C16.0562 76.6085 17.065 75.5997 17.065 74.3553C17.065 73.1109 16.0562 72.1021 14.8118 72.1021C13.5674 72.1021 12.5586 73.1109 12.5586 74.3553C12.5586 75.5997 13.5674 76.6085 14.8118 76.6085Z" fill="#2E2E2E"/>
<path d="M29.8431 94.1349C31.0875 94.1349 32.0963 93.1261 32.0963 91.8816C32.0963 90.6372 31.0875 89.6284 29.8431 89.6284C28.5986 89.6284 27.5898 90.6372 27.5898 91.8816C27.5898 93.1261 28.5986 94.1349 29.8431 94.1349Z" fill="#2E2E2E"/>
<path d="M46.8587 52.0738C48.1031 52.0738 49.1119 51.065 49.1119 49.8206C49.1119 48.5762 48.1031 47.5674 46.8587 47.5674C45.6143 47.5674 44.6055 48.5762 44.6055 49.8206C44.6055 51.065 45.6143 52.0738 46.8587 52.0738Z" fill="#2E2E2E"/>
<path d="M71.9017 82.1178C73.1461 82.1178 74.1549 81.109 74.1549 79.8646C74.1549 78.6201 73.1461 77.6113 71.9017 77.6113C70.6572 77.6113 69.6484 78.6201 69.6484 79.8646C69.6484 81.109 70.6572 82.1178 71.9017 82.1178Z" fill="#2E2E2E"/>
<path d="M86.4368 70.1007C87.6812 70.1007 88.69 69.0919 88.69 67.8475C88.69 66.603 87.6812 65.5942 86.4368 65.5942C85.1924 65.5942 84.1836 66.603 84.1836 67.8475C84.1836 69.0919 85.1924 70.1007 86.4368 70.1007Z" fill="#2E2E2E"/>
<path d="M82.1267 20.0406L86.2476 21.9926C84.5574 19.6339 83.101 15.95 82.3213 13.0186C81.0011 15.7492 78.873 19.0903 76.7664 21.0861L81.1217 19.9656C78.438 33.1184 68.3439 42.5608 56.7847 42.5608L56.6211 43.0359C68.6949 43.0359 79.3865 33.7244 82.1267 20.0406Z" fill="#2E2E2E"/>
<path d="M69.6669 0H95.7042C96.8085 0 97.707 0.8985 97.707 2.00286C97.707 3.10723 96.8085 4.00573 95.7042 4.00573H69.6669C68.5626 4.00573 67.6641 3.10723 67.6641 2.00286C67.6641 0.8985 68.5626 0 69.6669 0Z" fill="#3F76FF"/>
<path d="M87.2735 115.346C86.999 115.346 86.722 115.285 86.4582 115.162C85.8076 114.856 85.399 114.245 85.3658 113.527L85.0959 107.706C85.0612 106.958 85.4514 106.278 86.1144 105.931C86.7772 105.584 87.5586 105.651 88.153 106.105L92.1177 109.137C92.5944 109.502 92.8668 110.055 92.8648 110.655C92.8631 111.255 92.5873 111.806 92.1084 112.168L88.4136 114.958C88.0726 115.215 87.6757 115.346 87.2735 115.346Z" fill="#D4D4D4"/>
<path d="M14.2019 37.1274C14.2019 37.402 14.1407 37.679 14.017 37.9428C13.7114 38.5934 13.1002 39.0019 12.3824 39.0352L6.56105 39.3051C5.8134 39.3398 5.13372 38.9496 4.78654 38.2865C4.43937 37.6237 4.50684 36.8423 4.96062 36.248L7.99279 32.2833C8.35708 31.8066 8.9106 31.5342 9.51009 31.5361C10.1106 31.5379 10.6616 31.8136 11.0235 32.2926L13.8131 35.9873C14.0703 36.3284 14.2019 36.7252 14.2019 37.1274Z" fill="#D4D4D4"/>
<path d="M46.6797 31.9702C43.7154 31.2601 40.5482 31.9028 38.0143 33.5767C35.3571 35.332 33.5978 38.1427 33.0023 41.2566C31.7737 47.6809 35.5272 54.0986 41.4594 56.6556C47.6955 59.3435 55.114 57.5399 59.6426 52.5512C61.8873 50.0785 63.2901 46.9504 63.7125 43.6423C64.1286 40.3835 63.654 36.6235 61.6807 33.9037C59.7234 31.2058 56.464 30.3005 53.3163 29.8584C50.262 29.4294 46.2102 29.2429 44.5587 32.4757C44.2438 33.0921 44.0958 33.7563 44.1307 34.4476C44.155 34.9286 44.9062 34.9315 44.8818 34.4476C44.8055 32.9361 45.8132 31.6731 47.1049 30.9938C48.6018 30.2065 50.4074 30.2731 52.04 30.4486C54.9873 30.7654 58.3335 31.3306 60.459 33.5942C62.5762 35.8491 63.2109 39.2854 63.0795 42.2786C62.9423 45.4028 61.8658 48.4778 59.9796 50.9765C56.2574 55.9072 49.7451 58.253 43.754 56.6601C37.9165 55.1081 37.8402 51.6438 37.9365 45.5088C37.9879 42.2359 34.8963 37.0842 37.4205 34.9513C39.8919 32.8631 43.3172 31.9368 46.4801 32.6944C46.9499 32.807 47.1503 32.0829 46.6797 31.9702Z" fill="#3F76FF"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.7 KiB

15
web/public/empty-state/integration.svg
View File

@ -1,15 +0,0 @@
<svg width="236" height="53" viewBox="0 0 236 53" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M195.448 46.8071H100.383C99.8783 46.8065 99.3948 46.6059 99.0382 46.2494C98.6816 45.8928 98.481 45.4093 98.4805 44.905V26.987H99.2413V44.905C99.2416 45.2076 99.362 45.4977 99.5759 45.7116C99.7899 45.9256 100.08 46.0459 100.383 46.0463H195.448C195.75 46.0459 196.04 45.9256 196.254 45.7116C196.468 45.4977 196.589 45.2076 196.589 44.905V26.8618H197.35V44.905C197.349 45.4093 197.149 45.8928 196.792 46.2494C196.435 46.6059 195.952 46.8065 195.448 46.8071Z" fill="#262626"/>
<path d="M229.943 26.606H6.55078V27.3668H229.943V26.606Z" fill="#262626"/>
<path d="M6.54403 33.4724C10.1582 33.4724 13.0881 30.5425 13.0881 26.9283C13.0881 23.3141 10.1582 20.3843 6.54403 20.3843C2.92986 20.3843 0 23.3141 0 26.9283C0 30.5425 2.92986 33.4724 6.54403 33.4724Z" fill="#3F76FF"/>
<path d="M73.0636 33.4724C76.6777 33.4724 79.6076 30.5425 79.6076 26.9283C79.6076 23.3141 76.6777 20.3843 73.0636 20.3843C69.4494 20.3843 66.5195 23.3141 66.5195 26.9283C66.5195 30.5425 69.4494 33.4724 73.0636 33.4724Z" fill="#3F76FF"/>
<path d="M118.189 52.7062C121.803 52.7062 124.733 49.7764 124.733 46.1622C124.733 42.548 121.803 39.6182 118.189 39.6182C114.574 39.6182 111.645 42.548 111.645 46.1622C111.645 49.7764 114.574 52.7062 118.189 52.7062Z" fill="#262626"/>
<path d="M152.493 52.7062C156.107 52.7062 159.037 49.7764 159.037 46.1622C159.037 42.548 156.107 39.6182 152.493 39.6182C148.879 39.6182 145.949 42.548 145.949 46.1622C145.949 49.7764 148.879 52.7062 152.493 52.7062Z" fill="#D4D4D4"/>
<path d="M135.853 33.4724C139.467 33.4724 142.397 30.5425 142.397 26.9283C142.397 23.3141 139.467 20.3843 135.853 20.3843C132.238 20.3843 129.309 23.3141 129.309 26.9283C129.309 30.5425 132.238 33.4724 135.853 33.4724Z" fill="#3F76FF"/>
<path d="M229.009 33.4724C232.623 33.4724 235.553 30.5425 235.553 26.9283C235.553 23.3141 232.623 20.3843 229.009 20.3843C225.395 20.3843 222.465 23.3141 222.465 26.9283C222.465 30.5425 225.395 33.4724 229.009 33.4724Z" fill="#3F76FF"/>
<path d="M196.962 33.4724C200.576 33.4724 203.506 30.5425 203.506 26.9283C203.506 23.3141 200.576 20.3843 196.962 20.3843C193.348 20.3843 190.418 23.3141 190.418 26.9283C190.418 30.5425 193.348 33.4724 196.962 33.4724Z" fill="#3F76FF"/>
<path d="M26.8335 27.3682C26.7327 27.3682 26.6359 27.3281 26.5646 27.2568C26.4932 27.1855 26.4531 27.0887 26.4531 26.9878V8.20924C26.4537 7.70495 26.6543 7.22148 27.0109 6.86489C27.3675 6.5083 27.8509 6.30771 28.3552 6.30713H46.8723C46.9731 6.30713 47.0699 6.34721 47.1413 6.41856C47.2126 6.4899 47.2527 6.58666 47.2527 6.68755C47.2527 6.78845 47.2126 6.88521 47.1413 6.95656C47.0699 7.0279 46.9731 7.06798 46.8723 7.06798H28.3552C28.0527 7.06831 27.7626 7.18865 27.5486 7.40261C27.3346 7.61657 27.2143 7.90666 27.214 8.20924V26.9878C27.214 27.0887 27.1739 27.1855 27.1025 27.2568C27.0312 27.3281 26.9344 27.3682 26.8335 27.3682Z" fill="#262626"/>
<path d="M47.7433 13.0881C51.3574 13.0881 54.2873 10.1582 54.2873 6.54404C54.2873 2.92987 51.3574 0 47.7433 0C44.1291 0 41.1992 2.92987 41.1992 6.54404C41.1992 10.1582 44.1291 13.0881 47.7433 13.0881Z" fill="#D4D4D4"/>
<path d="M173.319 26.9878H172.559V8.20924C172.559 7.70495 172.76 7.22148 173.116 6.86489C173.473 6.5083 173.956 6.30771 174.461 6.30713H192.978V7.06798H174.461C174.158 7.06831 173.868 7.18865 173.654 7.40261C173.44 7.61657 173.32 7.90666 173.319 8.20924V26.9878Z" fill="#262626"/>
<path d="M193.806 13.0881C197.42 13.0881 200.35 10.1582 200.35 6.54404C200.35 2.92987 197.42 0 193.806 0C190.192 0 187.262 2.92987 187.262 6.54404C187.262 10.1582 190.192 13.0881 193.806 13.0881Z" fill="#D4D4D4"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.6 KiB

3
web/public/empty-state/issue-archive.svg
View File

@ -1,3 +0,0 @@
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.75 87.5C17.0833 87.5 15.625 86.875 14.375 85.625C13.125 84.375 12.5 82.9167 12.5 81.25V26.7708C12.5 25.7292 12.6042 24.8438 12.8125 24.1146C13.0208 23.3854 13.4028 22.7083 13.9583 22.0833L19.7917 14.1667C20.3472 13.5417 20.9896 13.1076 21.7188 12.8646C22.4479 12.6215 23.312 12.5 24.311 12.5H75.689C76.688 12.5 77.5347 12.6215 78.2292 12.8646C78.9236 13.1076 79.5486 13.5417 80.1042 14.1667L86.0417 22.0833C86.5972 22.7083 86.9792 23.3854 87.1875 24.1146C87.3958 24.8438 87.5 25.7292 87.5 26.7708V81.25C87.5 82.9167 86.875 84.375 85.625 85.625C84.375 86.875 82.9167 87.5 81.25 87.5H18.75ZM20.5208 23.5417H79.375L75.5824 18.75H24.2708L20.5208 23.5417ZM18.75 29.7917V81.25H81.25V29.7917H18.75ZM50 71.875L66.25 55.625L62.0833 51.4583L53.125 60.4167V39.4792H46.875V60.4167L37.9167 51.4583L33.75 55.625L50 71.875Z" fill="#ACB5BD"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 947 B

15
web/public/empty-state/my-issues.svg
View File

@ -1,15 +0,0 @@
<svg width="97" height="110" viewBox="0 0 97 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M86.748 110H9.8374C7.22926 109.997 4.72879 108.96 2.88456 107.115C1.04033 105.271 0.00294615 102.771 0 100.163V9.8374C0.00294615 7.22926 1.04033 4.72879 2.88456 2.88456C4.72879 1.04033 7.22926 0.00294615 9.8374 0H81.3901L96.5854 12.1116V100.163C96.5824 102.771 95.545 105.271 93.7008 107.115C91.8566 108.96 89.3561 109.997 86.748 110Z" fill="#E5E5E5"/>
<path d="M9.83745 2.83199C7.98014 2.83409 6.1995 3.57283 4.88618 4.88615C3.57287 6.19946 2.83412 7.9801 2.83203 9.83741V100.163C2.83412 102.02 3.57287 103.801 4.88618 105.114C6.1995 106.427 7.98014 107.166 9.83745 107.168H86.748C88.6053 107.166 90.386 106.427 91.6993 105.114C93.0126 103.801 93.7514 102.02 93.7534 100.163V13.4759L80.3996 2.83199H9.83745Z" fill="white"/>
<path d="M71.7873 29.0961H36.771C36.5559 29.0961 36.3428 29.0538 36.1441 28.9714C35.9453 28.8891 35.7647 28.7685 35.6126 28.6163C35.4605 28.4642 35.3398 28.2836 35.2575 28.0849C35.1752 27.8861 35.1328 27.6731 35.1328 27.458C35.1328 27.2428 35.1752 27.0298 35.2575 26.8311C35.3398 26.6323 35.4605 26.4517 35.6126 26.2996C35.7647 26.1475 35.9453 26.0268 36.1441 25.9445C36.3428 25.8621 36.5559 25.8198 36.771 25.8198H71.7873C72.0024 25.8198 72.2155 25.8621 72.4142 25.9445C72.613 26.0268 72.7936 26.1475 72.9457 26.2996C73.0978 26.4517 73.2185 26.6323 73.3008 26.8311C73.3831 27.0298 73.4255 27.2428 73.4255 27.458C73.4255 27.6731 73.3831 27.8861 73.3008 28.0849C73.2185 28.2836 73.0978 28.4642 72.9457 28.6163C72.7936 28.7685 72.613 28.8891 72.4142 28.9714C72.2155 29.0538 72.0024 29.0961 71.7873 29.0961Z" fill="#D4D4D4"/>
<path d="M78.5448 34.625H36.771C36.3365 34.625 35.9198 34.4524 35.6126 34.1452C35.3054 33.838 35.1328 33.4213 35.1328 32.9868C35.1328 32.5523 35.3054 32.1356 35.6126 31.8284C35.9198 31.5212 36.3365 31.3486 36.771 31.3486H78.5448C78.9793 31.3486 79.396 31.5212 79.7032 31.8284C80.0104 32.1356 80.183 32.5523 80.183 32.9868C80.183 33.4213 80.0104 33.838 79.7032 34.1452C79.396 34.4524 78.9793 34.625 78.5448 34.625Z" fill="#D4D4D4"/>
<path d="M71.7873 53.8737H36.771C36.3365 53.8737 35.9198 53.7011 35.6126 53.3939C35.3054 53.0867 35.1328 52.67 35.1328 52.2355C35.1328 51.8011 35.3054 51.3844 35.6126 51.0772C35.9198 50.77 36.3365 50.5974 36.771 50.5974H71.7873C72.2218 50.5974 72.6385 50.77 72.9457 51.0772C73.2529 51.3844 73.4255 51.8011 73.4255 52.2355C73.4255 52.67 73.2529 53.0867 72.9457 53.3939C72.6385 53.7011 72.2218 53.8737 71.7873 53.8737Z" fill="#D4D4D4"/>
<path d="M78.5448 59.4026H36.771C36.3365 59.4026 35.9198 59.23 35.6126 58.9228C35.3054 58.6156 35.1328 58.1989 35.1328 57.7644C35.1328 57.33 35.3054 56.9133 35.6126 56.6061C35.9198 56.2988 36.3365 56.1263 36.771 56.1263H78.5448C78.9793 56.1263 79.396 56.2988 79.7032 56.6061C80.0104 56.9133 80.183 57.33 80.183 57.7644C80.183 58.1989 80.0104 58.6156 79.7032 58.9228C79.396 59.23 78.9793 59.4026 78.5448 59.4026Z" fill="#D4D4D4"/>
<path d="M71.7873 78.6514H36.771C36.3365 78.6514 35.9198 78.4788 35.6126 78.1716C35.3054 77.8643 35.1328 77.4477 35.1328 77.0132C35.1328 76.5787 35.3054 76.162 35.6126 75.8548C35.9198 75.5476 36.3365 75.375 36.771 75.375H71.7873C72.2218 75.375 72.6385 75.5476 72.9457 75.8548C73.2529 76.162 73.4255 76.5787 73.4255 77.0132C73.4255 77.4477 73.2529 77.8643 72.9457 78.1716C72.6385 78.4788 72.2218 78.6514 71.7873 78.6514Z" fill="#D4D4D4"/>
<path d="M78.5448 84.1803H36.771C36.3365 84.1803 35.9198 84.0077 35.6126 83.7004C35.3054 83.3932 35.1328 82.9766 35.1328 82.5421C35.1328 82.1076 35.3054 81.6909 35.6126 81.3837C35.9198 81.0765 36.3365 80.9039 36.771 80.9039H78.5448C78.9793 80.9039 79.396 81.0765 79.7032 81.3837C80.0104 81.6909 80.183 82.1076 80.183 82.5421C80.183 82.9766 80.0104 83.3932 79.7032 83.7004C79.396 84.0077 78.9793 84.1803 78.5448 84.1803Z" fill="#D4D4D4"/>
<path d="M22.1846 36.0125C25.3824 36.0125 27.9747 33.4202 27.9747 30.2224C27.9747 27.0246 25.3824 24.4323 22.1846 24.4323C18.9868 24.4323 16.3945 27.0246 16.3945 30.2224C16.3945 33.4202 18.9868 36.0125 22.1846 36.0125Z" fill="#3F76FF"/>
<path d="M21.6211 32.4311C21.4909 32.4314 21.3641 32.3892 21.2598 32.3111L21.2534 32.3062L19.8926 31.2653C19.7655 31.1677 19.6823 31.0236 19.6614 30.8646C19.6405 30.7057 19.6835 30.545 19.781 30.4178C19.8786 30.2906 20.0226 30.2073 20.1815 30.1862C20.3404 30.1652 20.5012 30.2081 20.6285 30.3055L21.5098 30.9814L23.5926 28.2642C23.6409 28.2012 23.7011 28.1483 23.7698 28.1086C23.8386 28.0689 23.9145 28.0431 23.9932 28.0327C24.0718 28.0223 24.1518 28.0275 24.2285 28.048C24.3052 28.0685 24.3771 28.1039 24.4401 28.1522L24.4273 28.1703L24.4406 28.1524C24.5677 28.2501 24.6508 28.3942 24.6718 28.5531C24.6928 28.712 24.6498 28.8727 24.5524 29L22.1026 32.1946C22.046 32.2682 21.9731 32.3278 21.8897 32.3687C21.8063 32.4096 21.7145 32.4307 21.6216 32.4304L21.6211 32.4311Z" fill="white"/>
<path d="M22.7823 60.7901C25.9801 60.7901 28.5724 58.1978 28.5724 55C28.5724 51.8022 25.9801 49.2099 22.7823 49.2099C19.5845 49.2099 16.9922 51.8022 16.9922 55C16.9922 58.1978 19.5845 60.7901 22.7823 60.7901Z" fill="#D4D4D4"/>
<path d="M22.1846 85.5677C25.3824 85.5677 27.9747 82.9754 27.9747 79.7776C27.9747 76.5798 25.3824 73.9875 22.1846 73.9875C18.9868 73.9875 16.3945 76.5798 16.3945 79.7776C16.3945 82.9754 18.9868 85.5677 22.1846 85.5677Z" fill="#D4D4D4"/>
<path d="M96.2887 12.5014H84.3857C83.5168 12.5014 82.6834 12.1562 82.069 11.5418C81.4546 10.9273 81.1094 10.094 81.1094 9.22501V0.433652C81.1094 0.395162 81.1202 0.357449 81.1407 0.324842C81.1611 0.292236 81.1904 0.266054 81.225 0.249298C81.2597 0.232542 81.2983 0.22589 81.3366 0.230107C81.3748 0.234324 81.4111 0.249237 81.4413 0.273137L96.4158 12.1361C96.4492 12.1625 96.4735 12.1986 96.4853 12.2394C96.4972 12.2803 96.4961 12.3238 96.4821 12.3639C96.4681 12.4041 96.442 12.4389 96.4073 12.4635C96.3727 12.4882 96.3312 12.5014 96.2887 12.5014Z" fill="#E5E5E5"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.7 KiB

21
web/public/empty-state/page.svg
View File

@ -1,21 +0,0 @@
<svg width="145" height="140" viewBox="0 0 145 140" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M80.0936 50.2539H48.8101C48.1252 50.256 47.4489 50.1018 46.8326 49.8031C46.2163 49.5045 45.6762 49.0691 45.2535 48.5303C44.8231 47.9864 44.5225 47.3514 44.3745 46.6738C44.2265 45.9961 44.2352 45.2936 44.3997 44.6198C47.2829 32.5432 47.2828 19.9576 44.3995 7.88101C44.2351 7.20721 44.2266 6.50478 44.3745 5.82718C44.5225 5.14958 44.8231 4.51466 45.2534 3.97073C45.6761 3.43186 46.2162 2.99651 46.8325 2.69783C47.4489 2.39914 48.1252 2.24498 48.8101 2.24709H80.0936C81.1737 2.2502 82.2176 2.63659 83.0395 3.33747C83.8613 4.03834 84.4076 5.00817 84.5812 6.07424C86.6401 19.4463 86.6401 33.0547 84.5812 46.4268C84.4076 47.4928 83.8613 48.4627 83.0395 49.1636C82.2176 49.8644 81.1737 50.2508 80.0936 50.2539Z" fill="#E5E5E5"/>
<path d="M48.8067 4.60109C48.4778 4.59998 48.153 4.67391 47.8569 4.81724C47.5609 4.96058 47.3015 5.16954 47.0984 5.42824C46.8892 5.69329 46.7433 6.00256 46.6716 6.33251C46.6 6.66246 46.6046 7.0044 46.685 7.33233C49.6545 19.7697 49.6545 32.7315 46.6852 45.1689C46.6047 45.4968 46.6001 45.8387 46.6717 46.1685C46.7432 46.4984 46.8891 46.8077 47.0983 47.0726C47.3013 47.3314 47.5609 47.5406 47.8569 47.684C48.1529 47.8273 48.4778 47.9013 48.8067 47.9002H80.0902C80.6089 47.9004 81.1108 47.7164 81.5066 47.3811C81.9023 47.0458 82.1663 46.5809 82.2513 46.0693C84.2736 32.9342 84.2736 19.567 82.2513 6.432C82.1663 5.92031 81.9023 5.45543 81.5066 5.12014C81.1108 4.78484 80.6089 4.60091 80.0902 4.60108L48.8067 4.60109Z" fill="white"/>
<path d="M73.2662 15.9196H56.8499C56.2258 15.9189 55.6275 15.6707 55.1863 15.2295C54.745 14.7882 54.4968 14.1899 54.4961 13.5658V12.646C54.4968 12.022 54.745 11.4237 55.1863 10.9824C55.6275 10.5411 56.2258 10.2929 56.8499 10.2922H73.2662C73.8902 10.2929 74.4885 10.5411 74.9298 10.9824C75.371 11.4237 75.6193 12.022 75.6199 12.646V13.5659C75.6192 14.1899 75.371 14.7882 74.9298 15.2295C74.4885 15.6707 73.8902 15.9189 73.2662 15.9196Z" fill="#E5E5E5"/>
<path d="M73.2662 27.5422H56.8499C56.2258 27.5415 55.6275 27.2933 55.1863 26.852C54.745 26.4107 54.4968 25.8124 54.4961 25.1884V24.2686C54.4968 23.6445 54.745 23.0462 55.1863 22.6049C55.6275 22.1637 56.2258 21.9155 56.8499 21.9148H73.2662C73.8902 21.9155 74.4885 22.1637 74.9298 22.6049C75.371 23.0462 75.6193 23.6445 75.6199 24.2686V25.1884C75.6193 25.8124 75.371 26.4107 74.9298 26.852C74.4885 27.2933 73.8902 27.5415 73.2662 27.5422Z" fill="#E5E5E5"/>
<path d="M73.2662 39.1645H56.8499C56.2258 39.1638 55.6275 38.9156 55.1863 38.4743C54.745 38.0331 54.4968 37.4348 54.4961 36.8107V35.8909C54.4968 35.2668 54.745 34.6685 55.1863 34.2273C55.6275 33.786 56.2258 33.5378 56.8499 33.5371H73.2662C73.8902 33.5378 74.4885 33.786 74.9298 34.2273C75.371 34.6685 75.6193 35.2668 75.6199 35.8909V36.8107C75.6193 37.4347 75.371 38.0331 74.9298 38.4743C74.4885 38.9156 73.8902 39.1638 73.2662 39.1645Z" fill="#E5E5E5"/>
<path d="M138.937 80.0698H107.654C106.969 80.0719 106.293 79.9177 105.676 79.6191C105.06 79.3204 104.52 78.8851 104.097 78.3462C103.667 77.8023 103.366 77.1673 103.218 76.4897C103.07 75.812 103.079 75.1096 103.243 74.4357C106.127 62.3592 106.127 49.7735 103.243 37.6969C103.079 37.0231 103.07 36.3207 103.218 35.6431C103.366 34.9655 103.667 34.3306 104.097 33.7867C104.52 33.2478 105.06 32.8124 105.676 32.5137C106.293 32.2151 106.969 32.0609 107.654 32.063H138.937C140.017 32.0661 141.061 32.4525 141.883 33.1534C142.705 33.8543 143.251 34.8241 143.425 35.8902C145.484 49.2622 145.484 62.8706 143.425 76.2427C143.251 77.3088 142.705 78.2786 141.883 78.9795C141.061 79.6803 140.017 80.0667 138.937 80.0698Z" fill="#E5E5E5"/>
<path d="M107.65 34.4168C107.322 34.4157 106.997 34.4896 106.701 34.6329C106.405 34.7762 106.145 34.9852 105.942 35.2439C105.733 35.509 105.587 35.8182 105.515 36.1482C105.444 36.4781 105.448 36.8201 105.529 37.148C108.498 49.5854 108.498 62.5472 105.529 74.9846C105.448 75.3124 105.444 75.6543 105.515 75.9842C105.587 76.3141 105.733 76.6233 105.942 76.8883C106.145 77.1471 106.405 77.3563 106.701 77.4997C106.997 77.643 107.322 77.717 107.65 77.7159H138.934C139.453 77.716 139.955 77.5321 140.35 77.1968C140.746 76.8615 141.01 76.3966 141.095 75.8849C143.117 62.7499 143.117 49.3827 141.095 36.2477C141.01 35.736 140.746 35.2711 140.35 34.9358C139.955 34.6005 139.453 34.4166 138.934 34.4167L107.65 34.4168Z" fill="white"/>
<path d="M76.5633 114.005H45.2798C44.5652 114.007 43.8596 113.846 43.2166 113.535C42.5736 113.223 42.0102 112.769 41.5692 112.207C41.1204 111.639 40.8069 110.977 40.6525 110.271C40.4982 109.564 40.5071 108.831 40.6786 108.129C43.5546 96.0824 43.5546 83.528 40.6784 71.4816C40.507 70.779 40.4982 70.0465 40.6525 69.3399C40.8068 68.6333 41.1203 67.9713 41.5691 67.4041C42.0101 66.8419 42.5736 66.3877 43.2166 66.0761C43.8596 65.7644 44.5652 65.6036 45.2798 65.6057H76.5633C77.6901 65.6091 78.7792 66.0124 79.6366 66.7437C80.4939 67.475 81.0638 68.4869 81.2448 69.5992C83.3067 82.991 83.3067 96.6196 81.2448 110.011C81.0638 111.124 80.4939 112.136 79.6366 112.867C78.7792 113.598 77.6901 114.002 76.5633 114.005Z" fill="#F5F5F5"/>
<path d="M132.11 51.6198H115.694C115.07 51.6191 114.471 51.3709 114.03 50.9297C113.589 50.4884 113.341 49.8901 113.34 49.266V48.3462C113.341 47.7222 113.589 47.1239 114.03 46.6826C114.471 46.2413 115.07 45.9931 115.694 45.9924H132.11C132.734 45.9931 133.332 46.2413 133.774 46.6826C134.215 47.1239 134.463 47.7222 134.464 48.3462V49.2661C134.463 49.8901 134.215 50.4884 133.774 50.9297C133.332 51.3709 132.734 51.6191 132.11 51.6198Z" fill="#E5E5E5"/>
<path d="M132.11 63.2424H115.694C115.07 63.2417 114.471 62.9935 114.03 62.5522C113.589 62.1109 113.341 61.5126 113.34 60.8886V59.9688C113.341 59.3447 113.589 58.7464 114.03 58.3051C114.471 57.8639 115.07 57.6157 115.694 57.615H132.11C132.734 57.6157 133.332 57.8639 133.774 58.3051C134.215 58.7464 134.463 59.3447 134.464 59.9688V60.8886C134.463 61.5126 134.215 62.1109 133.774 62.5522C133.332 62.9935 132.734 63.2417 132.11 63.2424Z" fill="#E5E5E5"/>
<path d="M61.0036 98.6664C65.987 98.6664 70.0268 94.6266 70.0268 89.6433C70.0268 84.6599 65.987 80.6201 61.0036 80.6201C56.0203 80.6201 51.9805 84.6599 51.9805 89.6433C51.9805 94.6266 56.0203 98.6664 61.0036 98.6664Z" fill="white"/>
<path d="M65.3195 88.4663H62.181V85.3278C62.181 85.0157 62.057 84.7163 61.8363 84.4956C61.6156 84.2749 61.3162 84.1509 61.0041 84.1509C60.6919 84.1509 60.3926 84.2749 60.1719 84.4956C59.9511 84.7163 59.8271 85.0157 59.8271 85.3278V88.4663H56.6887C56.3765 88.4663 56.0771 88.5903 55.8564 88.811C55.6357 89.0317 55.5117 89.3311 55.5117 89.6432C55.5117 89.9554 55.6357 90.2547 55.8564 90.4755C56.0771 90.6962 56.3765 90.8202 56.6887 90.8202H59.8271V93.9587C59.8271 94.2708 59.9511 94.5702 60.1719 94.7909C60.3926 95.0116 60.6919 95.1356 61.0041 95.1356C61.3162 95.1356 61.6156 95.0116 61.8363 94.7909C62.057 94.5702 62.181 94.2708 62.181 93.9587V90.8202H65.3195C65.6317 90.8202 65.931 90.6962 66.1517 90.4755C66.3725 90.2547 66.4964 89.9554 66.4964 89.6432C66.4964 89.3311 66.3725 89.0317 66.1517 88.811C65.931 88.5903 65.6317 88.4663 65.3195 88.4663Z" fill="#E5E5E5"/>
<path d="M72.3792 6.6693H55.9021C55.4341 6.66877 54.9853 6.4826 54.6544 6.15164C54.3234 5.82068 54.1372 5.37195 54.1367 4.90389V1.7654C54.1372 1.29735 54.3234 0.848619 54.6544 0.517657C54.9853 0.186694 55.4341 0.000527486 55.9021 0H72.3792C72.8473 0.000527486 73.296 0.186694 73.6269 0.517657C73.9579 0.848619 74.1441 1.29735 74.1446 1.7654V4.90389C74.1441 5.37195 73.9579 5.82068 73.6269 6.15164C73.296 6.4826 72.8473 6.66877 72.3792 6.6693Z" fill="#CCCCCC"/>
<path d="M132.02 36.8773H115.543C115.075 36.8768 114.626 36.6906 114.295 36.3596C113.964 36.0287 113.778 35.58 113.777 35.1119V31.9734C113.778 31.5054 113.964 31.0566 114.295 30.7257C114.626 30.3947 115.075 30.2085 115.543 30.208H132.02C132.488 30.2085 132.937 30.3947 133.268 30.7257C133.599 31.0566 133.785 31.5054 133.785 31.9734V35.1119C133.785 35.58 133.599 36.0287 133.268 36.3596C132.937 36.6906 132.488 36.8768 132.02 36.8773Z" fill="#CCCCCC"/>
<path d="M31.6843 139.656L2.79513 127.653C2.16188 127.392 1.59648 126.99 1.14194 126.478C0.687406 125.965 0.35571 125.356 0.172095 124.696C-0.0166774 124.029 -0.0506717 123.327 0.0726878 122.645C0.196047 121.962 0.47351 121.317 0.883962 120.758C8.18011 110.712 13.009 99.0892 14.9799 86.8306C15.0866 86.1453 15.3482 85.4934 15.7449 84.9244C16.1415 84.3555 16.6627 83.8845 17.2688 83.5473C17.8659 83.2118 18.5317 83.017 19.2155 82.9777C19.8992 82.9383 20.5829 83.0555 21.2146 83.3202L50.1038 95.3232C51.1 95.7404 51.9158 96.4978 52.4058 97.4604C52.8958 98.4229 53.0283 99.5281 52.7796 100.579C49.5502 113.718 44.3289 126.285 37.2969 137.843C36.7276 138.761 35.8509 139.447 34.8231 139.779C33.7952 140.111 32.6829 140.067 31.6843 139.656Z" fill="#E5E5E5"/>
<path d="M20.3118 85.494C20.0085 85.3668 19.6801 85.3104 19.3518 85.3292C19.0234 85.348 18.7036 85.4414 18.4168 85.6024C18.122 85.7669 17.8685 85.9965 17.6758 86.2737C17.483 86.551 17.3561 86.8685 17.3045 87.2022C15.2747 99.827 10.3015 111.797 2.78737 122.143C2.58727 122.415 2.45183 122.729 2.39136 123.061C2.33089 123.393 2.34699 123.735 2.43843 124.059C2.52665 124.376 2.68612 124.669 2.90448 124.915C3.12283 125.161 3.39442 125.354 3.69858 125.479L32.5878 137.482C33.0667 137.681 33.6008 137.704 34.0949 137.546C34.5891 137.388 35.0111 137.06 35.286 136.621C42.1932 125.267 47.322 112.923 50.4942 100.017C50.612 99.5118 50.5466 98.9812 50.3098 98.5198C50.073 98.0583 49.68 97.6958 49.2009 97.497L20.3118 85.494Z" fill="white"/>
<path d="M35.6957 112.213L20.5358 105.915C19.9598 105.675 19.5025 105.216 19.2643 104.639C19.0261 104.062 19.0265 103.414 19.2653 102.838L19.6182 101.988C19.8583 101.412 20.317 100.955 20.8938 100.717C21.4707 100.479 22.1184 100.479 22.695 100.718L37.8548 107.017C38.4308 107.257 38.8881 107.715 39.1263 108.292C39.3645 108.869 39.3641 109.517 39.1253 110.093L38.7724 110.943C38.5323 111.519 38.0736 111.976 37.4968 112.214C36.92 112.452 36.2722 112.452 35.6957 112.213Z" fill="#3F76FF"/>
<path d="M31.2387 122.946L16.0788 116.648C15.5027 116.408 15.0455 115.949 14.8073 115.372C14.5691 114.795 14.5695 114.148 14.8083 113.571L15.1612 112.722C15.4013 112.146 15.86 111.688 16.4368 111.45C17.0136 111.212 17.6614 111.212 18.2379 111.451L33.3978 117.75C33.9738 117.99 34.4311 118.449 34.6693 119.025C34.9075 119.602 34.9071 120.25 34.6683 120.826L34.3154 121.676C34.0753 122.252 33.6166 122.709 33.0398 122.947C32.463 123.186 31.8152 123.185 31.2387 122.946Z" fill="#3F76FF"/>
<path d="M41.7713 97.1291C41.5444 97.1289 41.3196 97.0848 41.1094 96.9994L25.8336 90.8233C25.3998 90.6474 25.0536 90.3066 24.8708 89.8758C24.688 89.4449 24.6836 88.9591 24.8585 88.525L26.035 85.6153C26.2105 85.1812 26.5513 84.8347 26.9823 84.6519C27.4133 84.4691 27.8993 84.4649 28.3334 84.6404L43.6092 90.8164C44.0429 90.9924 44.3892 91.3331 44.5719 91.764C44.7547 92.1949 44.7592 92.6806 44.5843 93.1148L43.4078 96.0245C43.2756 96.3504 43.0494 96.6295 42.7579 96.8262C42.4664 97.023 42.123 97.1284 41.7713 97.1291Z" fill="#CCCCCC"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
web/public/onboarding/sign-in.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

54
web/public/theme-mode/custom-mode.svg
View File

@ -1,54 +0,0 @@
<svg width="201" height="150" viewBox="0 0 201 150" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_2267_36125" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="101" height="150">
<rect width="101" height="150" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_2267_36125)">
<path d="M1.25 4.00001C1.25 1.92894 2.92893 0.25 5 0.25H225C227.071 0.25 228.75 1.92893 228.75 4V189.75H1.25V4.00001Z" fill="#231035" stroke="#3F2B58" stroke-width="0.5"/>
<path d="M2 4C2 2.34315 3.34315 1 5 1H204C205.657 1 207 2.34315 207 4V10H2V4Z" fill="#32184C"/>
<line x1="51.25" y1="10" x2="51.25" y2="190" stroke="#3F2B58" stroke-width="0.5"/>
<line x1="1" y1="9.75" x2="211" y2="9.75002" stroke="#3F2B58" stroke-width="0.5"/>
<rect x="5" y="14" width="36" height="6" rx="1" fill="#572D81"/>
<rect x="5" y="26" width="39" height="4" rx="1" fill="#371B52"/>
<rect x="5" y="35" width="31" height="4" rx="1" fill="#371B52"/>
<rect x="5" y="53" width="26" height="4" rx="1" fill="#371B52"/>
<rect x="5" y="80" width="34" height="4" rx="1" fill="#371B52"/>
<rect x="5" y="44" width="35" height="4" rx="1" fill="#371B52"/>
<rect x="5" y="62" width="29" height="4" rx="1" fill="#371B52"/>
<rect x="5" y="71" width="38" height="4" rx="1" fill="#371B52"/>
<rect x="43" y="14" width="6" height="6" rx="3" fill="#572D81"/>
<rect x="66" y="44" width="51" height="4" rx="1" fill="#572D81"/>
<rect x="66" y="53" width="132" height="4" rx="1" fill="#371B52"/>
<rect x="66" y="60" width="97" height="4" rx="1" fill="#371B52"/>
<rect x="75" y="76" width="52" height="4" rx="1" fill="#371B52"/>
<rect x="75" y="87" width="78" height="4" rx="1" fill="#371B52"/>
<rect x="75" y="98" width="71" height="4" rx="1" fill="#371B52"/>
<rect x="75" y="109" width="58" height="4" rx="1" fill="#371B52"/>
<rect x="66" y="75" width="6" height="6" rx="3" fill="#401E60"/>
<rect x="66" y="86" width="6" height="6" rx="3" fill="#401E60"/>
<rect x="66" y="97" width="6" height="6" rx="3" fill="#401E60"/>
<rect x="66" y="108" width="6" height="6" rx="3" fill="#401E60"/>
<rect x="66" y="26" width="12" height="12" rx="6" fill="#572D81"/>
<rect x="5" y="4" width="3" height="3" rx="1.5" fill="#EF4444"/>
<rect x="9" y="4" width="3" height="3" rx="1.5" fill="#FCD34D"/>
<rect x="13" y="4" width="3" height="3" rx="1.5" fill="#4ADE80"/>
</g>
<mask id="mask1_2267_36125" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="101" y="0" width="100" height="150">
<rect x="101" width="100" height="150" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask1_2267_36125)">
<path d="M0.5 4.00001C0.5 2.06701 2.067 0.5 4 0.5H224C225.933 0.5 227.5 2.067 227.5 4V189.5H0.5V4.00001Z" fill="#000C1B" stroke="#172534"/>
<path d="M1 4C1 2.34315 2.34315 1 4 1H203C204.657 1 206 2.34315 206 4V10H1V4Z" fill="#001936"/>
<line x1="2.18557e-08" y1="9.75" x2="210" y2="9.75002" stroke="#172534" stroke-width="0.5"/>
<rect x="65" y="44" width="51" height="4" rx="1" fill="#172B52"/>
<rect x="65" y="53" width="132" height="4" rx="1" fill="#151E3D"/>
<rect x="65" y="60" width="97" height="4" rx="1" fill="#151E3D"/>
<rect x="74" y="76" width="52" height="4" rx="1" fill="#151E3D"/>
<rect x="74" y="87" width="78" height="4" rx="1" fill="#151E3D"/>
<rect x="74" y="98" width="71" height="4" rx="1" fill="#151E3D"/>
<rect x="74" y="109" width="58" height="4" rx="1" fill="#151E3D"/>
<rect x="129" y="76" width="6" height="4" rx="1" fill="#151E3D"/>
<rect x="155" y="87" width="6" height="4" rx="1" fill="#151E3D"/>
<rect x="148" y="98" width="6" height="4" rx="1" fill="#151E3D"/>
<rect x="135" y="109" width="6" height="4" rx="1" fill="#151E3D"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.5 KiB

33
web/public/theme-mode/custom-theme-banner.svg
View File

@ -1,33 +0,0 @@
<svg width="462" height="536" viewBox="0 0 462 536" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.827922 13.2468C0.827922 6.38804 6.38802 0.827922 13.2468 0.827922H741.818C748.677 0.827922 754.237 6.38802 754.237 13.2468V628.393H0.827922V13.2468Z" fill="white" stroke="#E5E5E5" stroke-width="1.65584"/>
<path d="M0.827922 13.2468C0.827922 6.38802 6.38802 0.827922 13.2468 0.827922H672.273C677.302 0.827922 681.38 4.90533 681.38 9.93507V32.289H0.827922V13.2468Z" fill="#F5F5F5" stroke="#E5E5E5" stroke-width="1.65584"/>
<line x1="166.414" y1="33.1162" x2="166.414" y2="629.22" stroke="#E5E5E5" stroke-width="1.65584"/>
<line x1="-7.23793e-08" y1="32.2883" x2="695.455" y2="32.2882" stroke="#E5E5E5" stroke-width="1.65584"/>
<rect x="13.25" y="46.3633" width="119.221" height="19.8701" rx="3.31169" fill="#E5E5E5"/>
<rect x="13.25" y="86.1035" width="129.156" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="13.25" y="115.908" width="102.662" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="13.25" y="175.519" width="86.1039" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="13.25" y="264.935" width="112.597" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="13.25" y="145.714" width="115.909" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="13.25" y="205.324" width="96.039" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="13.25" y="235.129" width="125.844" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="139.094" y="46.3633" width="19.8701" height="19.8701" rx="9.93506" fill="#E5E5E5"/>
<rect x="215.266" y="145.715" width="168.896" height="13.2468" rx="3.31169" fill="#E5E5E5"/>
<rect x="397.406" y="145.715" width="43.0519" height="13.2468" rx="3.31169" fill="#3F76FF"/>
<rect x="215.266" y="175.521" width="437.143" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="215.266" y="198.702" width="321.234" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="245.07" y="251.688" width="172.208" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="245.07" y="288.117" width="258.312" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="245.07" y="324.546" width="235.13" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="245.07" y="360.975" width="192.078" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="427.219" y="251.688" width="19.8701" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="447.078" y="360.975" width="19.8701" height="13.2468" rx="3.31169" fill="#F1F1F1"/>
<rect x="215.266" y="248.378" width="19.8701" height="19.8701" rx="9.93506" fill="#E5E5E5"/>
<rect x="215.266" y="284.806" width="19.8701" height="19.8701" rx="9.93506" fill="#E5E5E5"/>
<rect x="215.266" y="321.234" width="19.8701" height="19.8701" rx="9.93506" fill="#E5E5E5"/>
<rect x="215.266" y="357.663" width="19.8701" height="19.8701" rx="9.93506" fill="#E5E5E5"/>
<rect x="215.266" y="86.1045" width="39.7403" height="39.7403" rx="19.8701" fill="#D4D4D4"/>
<rect x="13.2422" y="13.2471" width="9.93506" height="9.93506" rx="4.96753" fill="#EF4444"/>
<rect x="26.4922" y="13.2471" width="9.93506" height="9.93506" rx="4.96753" fill="#FCD34D"/>
<rect x="39.7422" y="13.2471" width="9.93506" height="9.93506" rx="4.96753" fill="#4ADE80"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

34
web/public/theme-mode/dark-high-contrast.svg
View File

@ -1,34 +0,0 @@
<svg width="201" height="151" viewBox="0 0 201 151" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.25 4.00001C0.25 1.92894 1.92893 0.25 4 0.25H224C226.071 0.25 227.75 1.92893 227.75 4V189.75H0.25V4.00001Z" fill="#171717" stroke="white" stroke-width="0.5"/>
<path d="M1 4C1 2.34315 2.34315 1 4 1H203C204.657 1 206 2.34315 206 4V10H1V4Z" fill="#171717"/>
<line x1="50.25" y1="10" x2="50.25" y2="190" stroke="white" stroke-width="0.5"/>
<line x1="2.18557e-08" y1="9.75" x2="210" y2="9.75002" stroke="white" stroke-width="0.5"/>
<rect x="4" y="14" width="36" height="6" rx="1" fill="white"/>
<rect x="4" y="26" width="39" height="4" rx="1" fill="#D4D4D4"/>
<rect x="4" y="35" width="31" height="4" rx="1" fill="#D4D4D4"/>
<rect x="4" y="53" width="26" height="4" rx="1" fill="#D4D4D4"/>
<rect x="4" y="80" width="34" height="4" rx="1" fill="#D4D4D4"/>
<rect x="4" y="44" width="35" height="4" rx="1" fill="#D4D4D4"/>
<rect x="4" y="62" width="29" height="4" rx="1" fill="#D4D4D4"/>
<rect x="4" y="71" width="38" height="4" rx="1" fill="#D4D4D4"/>
<rect x="42" y="14" width="6" height="6" rx="3" fill="white"/>
<rect x="65" y="44" width="51" height="4" rx="1" fill="#F1F1F1"/>
<rect x="65" y="53" width="132" height="4" rx="1" fill="#D4D4D4"/>
<rect x="65" y="60" width="97" height="4" rx="1" fill="#D4D4D4"/>
<rect x="74" y="76" width="52" height="4" rx="1" fill="#D4D4D4"/>
<rect x="74" y="87" width="78" height="4" rx="1" fill="#D4D4D4"/>
<rect x="74" y="98" width="71" height="4" rx="1" fill="#D4D4D4"/>
<rect x="74" y="109" width="58" height="4" rx="1" fill="#D4D4D4"/>
<rect x="129" y="76" width="6" height="4" rx="1" fill="#D4D4D4"/>
<rect x="155" y="87" width="6" height="4" rx="1" fill="#D4D4D4"/>
<rect x="148" y="98" width="6" height="4" rx="1" fill="#D4D4D4"/>
<rect x="135" y="109" width="6" height="4" rx="1" fill="#D4D4D4"/>
<rect x="65" y="75" width="6" height="6" rx="3" fill="white"/>
<rect x="65" y="86" width="6" height="6" rx="3" fill="white"/>
<rect x="65" y="97" width="6" height="6" rx="3" fill="white"/>
<rect x="65" y="108" width="6" height="6" rx="3" fill="white"/>
<rect x="65" y="26" width="12" height="12" rx="6" fill="#F1F1F1"/>
<rect x="4" y="4" width="3" height="3" rx="1.5" fill="#EF4444"/>
<rect x="8" y="4" width="3" height="3" rx="1.5" fill="#FCD34D"/>
<rect x="12" y="4" width="3" height="3" rx="1.5" fill="#4ADE80"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

41
web/public/theme-mode/dark-mode.svg
View File

@ -1,41 +0,0 @@
<svg width="201" height="154" viewBox="0 0 201 154" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2273_36428)">
<path d="M0.25 4.00001C0.25 1.92894 1.92893 0.25 4 0.25H224C226.071 0.25 227.75 1.92893 227.75 4V189.75H0.25V4.00001Z" fill="#121212" stroke="#262626" stroke-width="0.5"/>
<path d="M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H203C204.519 0.25 205.75 1.48122 205.75 3V9.75H0.25V4Z" fill="#222222" stroke="#222222" stroke-width="0.5"/>
<line x1="50.25" y1="10" x2="50.25" y2="190" stroke="#262626" stroke-width="0.5"/>
<rect x="4" y="14" width="36" height="6" rx="1" fill="#404040"/>
<rect x="4" y="26" width="39" height="4" rx="1" fill="#262626"/>
<rect x="4" y="35" width="31" height="4" rx="1" fill="#262626"/>
<rect x="4" y="53" width="26" height="4" rx="1" fill="#262626"/>
<rect x="4" y="80" width="34" height="4" rx="1" fill="#262626"/>
<rect x="4" y="44" width="35" height="4" rx="1" fill="#262626"/>
<rect x="4" y="62" width="29" height="4" rx="1" fill="#262626"/>
<rect x="4" y="71" width="38" height="4" rx="1" fill="#262626"/>
<rect x="42" y="14" width="6" height="6" rx="3" fill="#404040"/>
<rect x="65" y="44" width="51" height="4" rx="1" fill="#404040"/>
<rect x="65" y="53" width="132" height="4" rx="1" fill="#262626"/>
<rect x="65" y="60" width="97" height="4" rx="1" fill="#262626"/>
<rect x="74" y="76" width="52" height="4" rx="1" fill="#262626"/>
<rect x="74" y="87" width="78" height="4" rx="1" fill="#262626"/>
<rect x="74" y="98" width="71" height="4" rx="1" fill="#262626"/>
<rect x="74" y="109" width="58" height="4" rx="1" fill="#262626"/>
<rect x="129" y="76" width="6" height="4" rx="1" fill="#262626"/>
<rect x="155" y="87" width="6" height="4" rx="1" fill="#262626"/>
<rect x="148" y="98" width="6" height="4" rx="1" fill="#262626"/>
<rect x="135" y="109" width="6" height="4" rx="1" fill="#262626"/>
<rect x="65" y="75" width="6" height="6" rx="3" fill="#222222"/>
<rect x="65" y="86" width="6" height="6" rx="3" fill="#222222"/>
<rect x="65" y="97" width="6" height="6" rx="3" fill="#222222"/>
<rect x="65" y="108" width="6" height="6" rx="3" fill="#222222"/>
<rect x="65" y="26" width="12" height="12" rx="6" fill="#404040"/>
<rect x="4" y="4" width="3" height="3" rx="1.5" fill="#EF4444"/>
<rect x="8" y="4" width="3" height="3" rx="1.5" fill="#FCD34D"/>
<rect x="12" y="4" width="3" height="3" rx="1.5" fill="#4ADE80"/>
<rect x="121" y="44" width="13" height="4" rx="1" fill="#3F76FF"/>
</g>
<defs>
<clipPath id="clip0_2273_36428">
<rect width="201" height="154" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

42
web/public/theme-mode/light-high-contrast.svg
View File

@ -1,42 +0,0 @@
<svg width="204" height="154" viewBox="0 0 204 154" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2273_36429)">
<path d="M0.25 4.00001C0.25 1.92894 1.92893 0.25 4 0.25H224C226.071 0.25 227.75 1.92893 227.75 4V189.75H0.25V4.00001Z" fill="white" stroke="black" stroke-width="0.5"/>
<path d="M1 4C1 2.34315 2.34315 1 4 1H203C204.657 1 206 2.34315 206 4V10H1V4Z" fill="white"/>
<line x1="50.25" y1="10" x2="50.25" y2="190" stroke="black" stroke-width="0.5"/>
<line x1="-2.18557e-08" y1="9.75" x2="210" y2="9.74998" stroke="black" stroke-width="0.5"/>
<rect x="4" y="14" width="36" height="6" rx="1" fill="#2E2E2E"/>
<rect x="4" y="26" width="39" height="4" rx="1" fill="#404040"/>
<rect x="4" y="35" width="31" height="4" rx="1" fill="#404040"/>
<rect x="4" y="53" width="26" height="4" rx="1" fill="#404040"/>
<rect x="4" y="80" width="34" height="4" rx="1" fill="#404040"/>
<rect x="4" y="44" width="35" height="4" rx="1" fill="#404040"/>
<rect x="4" y="62" width="29" height="4" rx="1" fill="#404040"/>
<rect x="4" y="71" width="38" height="4" rx="1" fill="#404040"/>
<rect x="42" y="14" width="6" height="6" rx="3" fill="#2E2E2E"/>
<rect x="65" y="44" width="51" height="4" rx="1" fill="#2E2E2E"/>
<rect x="65" y="53" width="132" height="4" rx="1" fill="#404040"/>
<rect x="65" y="60" width="97" height="4" rx="1" fill="#404040"/>
<rect x="74" y="76" width="52" height="4" rx="1" fill="#404040"/>
<rect x="74" y="87" width="78" height="4" rx="1" fill="#404040"/>
<rect x="74" y="98" width="71" height="4" rx="1" fill="#404040"/>
<rect x="74" y="109" width="58" height="4" rx="1" fill="#404040"/>
<rect x="129" y="76" width="6" height="4" rx="1" fill="#404040"/>
<rect x="155" y="87" width="6" height="4" rx="1" fill="#404040"/>
<rect x="148" y="98" width="6" height="4" rx="1" fill="#404040"/>
<rect x="135" y="109" width="6" height="4" rx="1" fill="#404040"/>
<rect x="65" y="75" width="6" height="6" rx="3" fill="#3A3A3A"/>
<rect x="65" y="86" width="6" height="6" rx="3" fill="#3A3A3A"/>
<rect x="65" y="97" width="6" height="6" rx="3" fill="#3A3A3A"/>
<rect x="65" y="108" width="6" height="6" rx="3" fill="#3A3A3A"/>
<rect x="65" y="26" width="12" height="12" rx="6" fill="#262626"/>
<rect x="4" y="4" width="3" height="3" rx="1.5" fill="#EF4444"/>
<rect x="8" y="4" width="3" height="3" rx="1.5" fill="#FCD34D"/>
<rect x="12" y="4" width="3" height="3" rx="1.5" fill="#4ADE80"/>
<rect x="121" y="44" width="13" height="4" rx="1" fill="#3F76FF"/>
</g>
<defs>
<clipPath id="clip0_2273_36429">
<rect width="204" height="154" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

42
web/public/theme-mode/light-mode.svg
View File

@ -1,42 +0,0 @@
<svg width="201" height="154" viewBox="0 0 201 154" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2273_36427)">
<path d="M0.25 4.00001C0.25 1.92894 1.92893 0.25 4 0.25H224C226.071 0.25 227.75 1.92893 227.75 4V189.75H0.25V4.00001Z" fill="white" stroke="#E5E5E5" stroke-width="0.5"/>
<path d="M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H203C204.519 0.25 205.75 1.48122 205.75 3V9.75H0.25V4Z" fill="#F5F5F5" stroke="#E5E5E5" stroke-width="0.5"/>
<line x1="50.25" y1="10" x2="50.25" y2="190" stroke="#E5E5E5" stroke-width="0.5"/>
<line x1="-2.18557e-08" y1="9.75" x2="210" y2="9.74998" stroke="#E5E5E5" stroke-width="0.5"/>
<rect x="4" y="14" width="36" height="6" rx="1" fill="#E5E5E5"/>
<rect x="4" y="26" width="39" height="4" rx="1" fill="#F1F1F1"/>
<rect x="4" y="35" width="31" height="4" rx="1" fill="#F1F1F1"/>
<rect x="4" y="53" width="26" height="4" rx="1" fill="#F1F1F1"/>
<rect x="4" y="80" width="34" height="4" rx="1" fill="#F1F1F1"/>
<rect x="4" y="44" width="35" height="4" rx="1" fill="#F1F1F1"/>
<rect x="4" y="62" width="29" height="4" rx="1" fill="#F1F1F1"/>
<rect x="4" y="71" width="38" height="4" rx="1" fill="#F1F1F1"/>
<rect x="42" y="14" width="6" height="6" rx="3" fill="#E5E5E5"/>
<rect x="65" y="44" width="51" height="4" rx="1" fill="#E5E5E5"/>
<rect x="120" y="44" width="13" height="4" rx="1" fill="#3F76FF"/>
<rect x="65" y="53" width="132" height="4" rx="1" fill="#F1F1F1"/>
<rect x="65" y="60" width="97" height="4" rx="1" fill="#F1F1F1"/>
<rect x="74" y="76" width="52" height="4" rx="1" fill="#F1F1F1"/>
<rect x="74" y="87" width="78" height="4" rx="1" fill="#F1F1F1"/>
<rect x="74" y="98" width="71" height="4" rx="1" fill="#F1F1F1"/>
<rect x="74" y="109" width="58" height="4" rx="1" fill="#F1F1F1"/>
<rect x="129" y="76" width="6" height="4" rx="1" fill="#F1F1F1"/>
<rect x="155" y="87" width="6" height="4" rx="1" fill="#F1F1F1"/>
<rect x="148" y="98" width="6" height="4" rx="1" fill="#F1F1F1"/>
<rect x="135" y="109" width="6" height="4" rx="1" fill="#F1F1F1"/>
<rect x="65" y="75" width="6" height="6" rx="3" fill="#E5E5E5"/>
<rect x="65" y="86" width="6" height="6" rx="3" fill="#E5E5E5"/>
<rect x="65" y="97" width="6" height="6" rx="3" fill="#E5E5E5"/>
<rect x="65" y="108" width="6" height="6" rx="3" fill="#E5E5E5"/>
<rect x="65" y="26" width="12" height="12" rx="6" fill="#D4D4D4"/>
<rect x="4" y="4" width="3" height="3" rx="1.5" fill="#EF4444"/>
<rect x="8" y="4" width="3" height="3" rx="1.5" fill="#FCD34D"/>
<rect x="12" y="4" width="3" height="3" rx="1.5" fill="#4ADE80"/>
</g>
<defs>
<clipPath id="clip0_2273_36427">
<rect width="201" height="154" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

BIN
web/public/web-view-spinner.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB