TNT-Flo/sandbox-web-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small changes

Browse Source
This commit is contained in:
Ishaan Dey
2024-05-22 19:35:19 -07:00
parent 561a284fc9
commit f35e5debff
7 changed files with 5057 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/components/dashboard/about.tsx
View File

@ -1,4 +1,4 @@
"use client"
"use client";
import {
Dialog,
@ -7,19 +7,19 @@ import {
DialogHeader,
DialogTitle,
DialogTrigger,
} from "@/components/ui/dialog"
import Image from "next/image"
import { useState } from "react"
} from "@/components/ui/dialog";
import Image from "next/image";
import { useState } from "react";
import { Button } from "../ui/button"
import { ChevronRight } from "lucide-react"
import { Button } from "../ui/button";
import { ChevronRight } from "lucide-react";
export default function AboutModal({
open,
setOpen,
}: {
open: boolean
setOpen: (open: boolean) => void
open: boolean;
setOpen: (open: boolean) => void;
}) {
return (
<Dialog open={open} onOpenChange={setOpen}>
@ -30,10 +30,10 @@ export default function AboutModal({
<div className="text-sm text-muted-foreground">
Sandbox is an open-source cloud-based code editing environment with
custom AI code autocompletion and real-time collaboration. The
infrastructure runs on Docker and Kubernetes to scale automatically
based on resource usage.
infrastructure runs on Docker and AWS ECS to scale automatically based
on resource usage.
</div>
</DialogContent>
</Dialog>
)
);
}

6
frontend/components/dashboard/index.tsx
View File

@ -117,7 +117,11 @@ export default function Dashboard({
</div>
</div>
{screen === "projects" ? (
<DashboardProjects sandboxes={sandboxes} q={q} />
<>
{sandboxes ? (
<DashboardProjects sandboxes={sandboxes} q={q} />
) : null}
</>
) : screen === "shared" ? (
<DashboardSharedWithMe shared={shared} />
) : screen === "settings" ? null : null}

54
frontend/components/landing/index.tsx Normal file
View File

@ -0,0 +1,54 @@
import Image from "next/image";
import Logo from "@/assets/logo.svg";
import XLogo from "@/assets/x.svg";
import Button from "@/components/ui/customButton";
import { ChevronRight } from "lucide-react";
import Link from "next/link";
export default function Landing() {
return (
<div className="w-screen h-screen flex justify-center overflow-hidden overscroll-none">
<div className="w-full max-w-screen-md px-8 flex flex-col items-center relative">
<div className="w-full flex items-center justify-between py-8">
<div className="flex items-center font-medium">
<Image
src={Logo}
alt="Logo"
width={36}
height={36}
className="mr-2"
/>
</div>
<div className="flex items-center space-x-4">
<a href="https://www.x.com/ishaandey_" target="_blank">
<Image src={XLogo} alt="X Logo" width={18} height={18} />
</a>
</div>
</div>
<h1 className="text-2xl font-medium text-center mt-16">
A Collaborative, AI-Powered, Auto-Scaling Code Editor
</h1>
<div className="text-muted-foreground mt-4 text-center ">
Sandbox is an open-source cloud-based code editing environment with
custom AI code autocompletion and real-time collaboration. The
infrastructure runs on Docker and AWS ECS to scale automatically based
on resource usage.
</div>
<div className="mt-8 flex space-x-4">
<Link href="/sign-up">
<Button>Go To App</Button>
</Link>
<a
href="https://github.com/ishaan1013/sandbox"
target="_blank"
className="group h-9 px-4 py-2 inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
GitHub Repository
<ChevronRight className="h-4 w-4 ml-1 transition-all group-hover:translate-x-1" />
</a>
</div>
<div className="aspect-video w-full rounded-lg bg-neutral-800 mt-12"></div>
</div>
</div>
);
}