mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
fd5b7d20a8
* chore: instance type updated * chore: instance not ready screen added * chore: instance layout added * chore: instance magic sign in endpoint and type added * chore: instance admin password endpoint added * chore: instance setup page added * chore: instance setup form added * chore: instance layout updated * fix: instance admin workflow setup * fix: admin workflow setup --------- Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>
35 lines
1.5 KiB
TypeScript
35 lines
1.5 KiB
TypeScript
import React from "react";
|
||
import Image from "next/image";
|
||
import { useTheme } from "next-themes";
|
||
// image
|
||
import instanceNotReady from "public/instance/plane-instance-not-ready.webp";
|
||
import PlaneWhiteLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
|
||
import PlaneDarkLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
|
||
|
||
export const InstanceNotReady = () => {
|
||
const { resolvedTheme } = useTheme();
|
||
|
||
const planeLogo = resolvedTheme === "dark" ? PlaneWhiteLogo : PlaneDarkLogo;
|
||
|
||
return (
|
||
<div className="h-screen w-full overflow-y-auto bg-onboarding-gradient-100">
|
||
<div className={`h-screen w-full pt-24`}>
|
||
<div className="h-auto bg-onboarding-gradient-100 md:w-2/3 sm:w-4/5 p-4 rounded-md mx-auto shadow-sm border border-custom-border-100 ">
|
||
<div className={`relative px-7 sm:px-0 bg-onboarding-gradient-200 h-full rounded-md`}>
|
||
<div className="flex items-center py-10 justify-center">
|
||
<Image src={planeLogo} className="h-44 w-full" alt="image" />
|
||
</div>
|
||
<div className="mt-20">
|
||
<Image src={instanceNotReady} className="h-46 w-full" alt="image" />
|
||
</div>
|
||
<div className="flex flex-col gap-5 items-center py-12 pb-20 w-full">
|
||
<h3 className="text-2xl font-medium">Your Plane instance isn’t ready yet</h3>
|
||
<p className="text-sm">Ask your Instance Admin to complete set-up first.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
};
|