base
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
/**
|
||||
* 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 { PlaneLockup } from "@plane/propel/icons";
|
||||
// assets
|
||||
import UserLoggedInImage from "@/app/assets/user-logged-in.svg?url";
|
||||
// components
|
||||
import { PoweredBy } from "@/components/common/powered-by";
|
||||
import { UserAvatar } from "@/components/issues/navbar/user-avatar";
|
||||
// hooks
|
||||
import { useUser } from "@/hooks/store/use-user";
|
||||
|
||||
export const UserLoggedIn = observer(function UserLoggedIn() {
|
||||
// store hooks
|
||||
const { data: user } = useUser();
|
||||
|
||||
if (!user) return null;
|
||||
|
||||
return (
|
||||
<div className="flex h-screen w-screen flex-col">
|
||||
<div className="relative flex w-full items-center justify-between gap-4 border-b border-subtle px-6 py-5">
|
||||
<PlaneLockup className="h-6 w-auto text-primary" />
|
||||
<UserAvatar />
|
||||
</div>
|
||||
|
||||
<div className="grid size-full place-items-center p-6">
|
||||
<div className="text-center">
|
||||
<div className="mx-auto grid size-32 place-items-center rounded-full bg-layer-1 md:size-52">
|
||||
<div className="grid size-16 place-items-center md:size-32">
|
||||
<img src={UserLoggedInImage} alt="User already logged in" className="h-full w-full object-cover" />
|
||||
</div>
|
||||
</div>
|
||||
<h1 className="mt-8 text-18 font-semibold md:mt-12 md:text-24">Nice! Just one more step.</h1>
|
||||
<p className="mt-2 text-13 md:mt-4 md:text-14">
|
||||
Enter the public-share URL or link of the view or Page you are trying to see in the browser{"'"}s address
|
||||
bar.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<PoweredBy />
|
||||
</div>
|
||||
);
|
||||
});
|
||||
Reference in New Issue
Block a user