f567098743
<!-- .github/pull_request_template.md --> ## Description <!-- Please provide a clear, human-generated description of the changes in this PR. DO NOT use AI-generated descriptions. We want to understand your thought process and reasoning. --> ## Type of Change <!-- Please check the relevant option --> - [x] Bug fix (non-breaking change that fixes an issue) - [x] New feature (non-breaking change that adds functionality) - [ ] Breaking change (fix or feature that would cause existing functionality to change) - [ ] Documentation update - [ ] Code refactoring - [ ] Performance improvement - [ ] Other (please specify): ## Changes Made <!-- List the specific changes made in this PR --> - - - ## Testing <!-- Describe how you tested your changes --> ## Screenshots/Videos (if applicable) <!-- Add screenshots or videos to help explain your changes --> ## Pre-submission Checklist <!-- Please check all boxes that apply before submitting your PR --> - [ ] **I have tested my changes thoroughly before submitting this PR** - [ ] **This PR contains minimal changes necessary to address the issue/feature** - [ ] My code follows the project's coding standards and style guidelines - [ ] I have added tests that prove my fix is effective or that my feature works - [ ] I have added necessary documentation (if applicable) - [ ] All new and existing tests pass - [ ] I have searched existing PRs to ensure this change hasn't been submitted already - [ ] I have linked any relevant issues in the description - [ ] My commits have clear and descriptive messages ## Related Issues <!-- Link any related issues using "Fixes #issue_number" or "Relates to #issue_number" --> ## Additional Notes <!-- Add any additional notes, concerns, or context for reviewers --> ## DCO Affirmation I affirm that all code in every commit of this pull request conforms to the terms of the Topoteretes Developer Certificate of Origin.
58 lines
1.9 KiB
TypeScript
58 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { BackIcon } from "@/ui/Icons";
|
|
import { CTAButton } from "@/ui/elements";
|
|
import Header from "@/ui/Layout/Header";
|
|
import { useAuthenticatedUser } from "@/modules/auth";
|
|
|
|
export default function Account() {
|
|
const { user } = useAuthenticatedUser();
|
|
const account = {
|
|
name: user ? user.name || user.email : "NN",
|
|
};
|
|
|
|
return (
|
|
<div className="h-full max-w-[1920px] mx-auto">
|
|
{/* <video
|
|
autoPlay
|
|
loop
|
|
muted
|
|
playsInline
|
|
className="fixed inset-0 z-0 object-cover w-full h-full"
|
|
>
|
|
<source src="/videos/background-video-blur.mp4" type="video/mp4" />
|
|
Your browser does not support the video tag.
|
|
</video> */}
|
|
|
|
<Header user={user} />
|
|
|
|
<div className="relative flex flex-row items-start gap-2.5">
|
|
<Link href="/dashboard" className="flex-1/5 py-4 px-5 flex flex-row items-center gap-5">
|
|
<BackIcon />
|
|
<span>back</span>
|
|
</Link>
|
|
<div className="flex-1/5 flex flex-col gap-2.5">
|
|
<div className="py-4 px-5 rounded-xl bg-white">
|
|
<div>Account</div>
|
|
<div className="text-sm text-gray-400 mb-8">Manage your account's settings.</div>
|
|
<div>{account.name}</div>
|
|
</div>
|
|
<div className="py-4 px-5 rounded-xl bg-white">
|
|
<div>Plan</div>
|
|
<div className="text-sm text-gray-400 mb-8">You are using open-source version. Subscribe to get access to hosted cognee with your data!</div>
|
|
<Link href="/plan">
|
|
<CTAButton className="w-full"><span className="">Select a plan</span></CTAButton>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
<div className="flex-1/5 py-4 px-5 rounded-xl">
|
|
</div>
|
|
<div className="flex-1/5 py-4 px-5 rounded-xl">
|
|
</div>
|
|
<div className="flex-1/5 py-4 px-5 rounded-xl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|