merlyn/frontend/src/pages/Main/Home/index.jsx
Sean Hatfield e76dc0f1ca
New chat home page (#3555)
* wip getting started checklist page

* lint

* add new ui skeleton for new home page/checklist

* make legacy home page appearance setting

* dynamic checklist rendering/close checklist

* make home page functional + update cta buttons in ws settings

* lint

* remove unneeded routes

* wip fixing checklist items (create ws and embed doc broken) + news section updates

* lint

* FINALLY fix all functionality & remove hook to simplify logic

* lint

* hide/show options based on user role/mum enabled

* add hover states and redo checklist ui

* remove welcome checklist page

* add validation to task completion

* polish behavior of checklist/fix roles on checklist items

* lint

* light mode/use tailwind color classes

* remove tutorials link

* Modify how legacy page works

* small UI updates

* remove unused paths
cleanup explore features

* revert save button changes

* conditionally render legacy default chat page when in multiuser

* remove role checks in checklist

* remove role checks in quick links

* remove unused hook

* dark mode new home page checklist ui updates

* Add news logging to repo for record keeping
update new module to pull from CDN

* simplify landing markup

* light mode styles

* remove border in light mode from merge conflict

* Update ignores

* slide up dismiss

* prevent checklist popin

* confetti?

* fix url hash on navigate

* watch for event changes for updating checklist

* useMemo and callback memory optimization

* move handlers to constants via params fwd

* dev

* update github text

---------

Co-authored-by: Timothy Carambat <rambat1010@gmail.com>
2025-04-09 13:33:25 -07:00

27 lines
870 B
JavaScript

import React from "react";
import QuickLinks from "./QuickLinks";
import ExploreFeatures from "./ExploreFeatures";
import Updates from "./Updates";
import Resources from "./Resources";
import Checklist from "./Checklist";
import { isMobile } from "react-device-detect";
export default function Home() {
return (
<div
style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }}
className="relative md:ml-[2px] md:mr-[16px] md:my-[16px] md:rounded-[16px] bg-theme-bg-container w-full h-full"
>
<div className="w-full h-full flex flex-col items-center overflow-y-auto no-scroll">
<div className="w-full max-w-[1200px] flex flex-col gap-y-[50px] p-4 pt-16 md:p-12">
<Checklist />
<QuickLinks />
<ExploreFeatures />
<Updates />
<Resources />
</div>
</div>
</div>
);
}