55 lines
2.1 KiB
TypeScript
55 lines
2.1 KiB
TypeScript
/**
|
||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||
* SPDX-License-Identifier: AGPL-3.0-only
|
||
* See the LICENSE file for details.
|
||
*/
|
||
|
||
import { observer } from "mobx-react";
|
||
import Link from "next/link";
|
||
import { useTheme as useNextTheme } from "next-themes";
|
||
// ui
|
||
import { Button, getButtonStyling } from "@plane/propel/button";
|
||
import { resolveGeneralTheme } from "@plane/utils";
|
||
// hooks
|
||
import TakeoffIconDark from "@/app/assets/logos/takeoff-icon-dark.svg?url";
|
||
import TakeoffIconLight from "@/app/assets/logos/takeoff-icon-light.svg?url";
|
||
import { useTheme } from "@/hooks/store";
|
||
// icons
|
||
|
||
export const NewUserPopup = observer(function NewUserPopup() {
|
||
// hooks
|
||
const { isNewUserPopup, toggleNewUserPopup } = useTheme();
|
||
// theme
|
||
const { resolvedTheme } = useNextTheme();
|
||
|
||
if (!isNewUserPopup) return <></>;
|
||
return (
|
||
<div className="nodedc-glass-modal shadow-md absolute right-8 bottom-8 w-96 rounded-[1.75rem] border border-subtle bg-surface-1 p-6">
|
||
<div className="flex gap-4">
|
||
<div className="grow">
|
||
<div className="text-14 font-semibold">Создать воркспейс</div>
|
||
<div className="py-2 text-13 font-medium text-tertiary">
|
||
Настройка инстанса завершена. Создайте первое рабочее пространство, чтобы начать работу.
|
||
</div>
|
||
<div className="flex items-center gap-4 pt-2">
|
||
<Link href="/workspace/create" className={getButtonStyling("primary", "lg")}>
|
||
Создать воркспейс
|
||
</Link>
|
||
<Button variant="secondary" size="lg" onClick={toggleNewUserPopup}>
|
||
Закрыть
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
<div className="flex shrink-0 items-center justify-center">
|
||
<img
|
||
src={resolveGeneralTheme(resolvedTheme) === "dark" ? TakeoffIconDark : TakeoffIconLight}
|
||
height={80}
|
||
width={80}
|
||
alt="NODE.DC"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
});
|