Landing & footer

src/app/api/workflow/[id]/delete/route.ts

@@ -1,12 +1,9 @@
 import { Logger } from "@/lib/log";
 import { authOptions } from "@/server/auth";
-import { db } from "@/server/db";
-import { eq } from "drizzle-orm";
 import { getServerSession } from "next-auth";
 import { type NextRequest, NextResponse } from "next/server";
 import { isUUID } from "validator";
 import { deleteWorkflowJob } from "~/lib/workflow/utils/workflowQueue";
-import { workflowJobs } from "~/server/db/schema";
 
 const log = new Logger("/api/workflow/[id]");
 

src/app/layout.tsx

@@ -3,6 +3,7 @@ import "~/styles/globals.css";
 import { Toaster } from "@/components/ui/sonner";
 import { getServerSession } from "next-auth";
 import { Inter } from "next/font/google";
+import Footer from "~/components/main-footer";
 import { SiteNav } from "~/components/main-nav";
 import NextAuthProvider from "~/providers/NextAuthProvider";
 import SWRCacheProvider from "~/providers/SWRCacheProvider";
@@ -34,6 +35,7 @@ export default async function RootLayout({
             <SiteNav session={session} />
             {children}
             <Toaster expand={true} richColors />
+            <Footer />
           </SWRCacheProvider>
         </NextAuthProvider>
       </body>

src/app/page.tsx

@@ -16,10 +16,10 @@ export default async function IndexPage() {
   const session = await getServerSession(authOptions);
 
   return (
-    <div className="relative h-[100dvh]">
+    <div className="relative h-[70dvh] md:h-[100dvh]">
       <PageHeader>
         <Announcement />
-        <PageHeaderHeading>Insert Cheesy Tagline Here</PageHeaderHeading>
+        <PageHeaderHeading>Flows For Your Playlists!</PageHeaderHeading>
         <PageHeaderDescription>
           Something something... make playlist
         </PageHeaderDescription>

src/app/utils/reactFlowToWorkflow.ts

@@ -59,6 +59,8 @@ export default async function reactFlowToWorkflow({
     connections: [],
   };
 
+  console.log({ nodes, edges });
+
   let [valid, errors] = [true, {}];
   if (nodes.length > 0 && edges.length > 0) {
     addNodesToWorkflow(nodes, workflowObject);

src/app/utils/runWorkflow.ts

@@ -1,6 +1,6 @@
 import { toast } from "sonner";
-import useStore, { workflowRunStore } from "../states/store";
 import { mutate } from "swr";
+import useStore, { workflowRunStore } from "../states/store";
 
 export async function runWorkflow(workflow: Workflow.WorkflowResponse) {
   if (!workflow.id) {

src/app/workflow/Builder.tsx

@@ -22,7 +22,6 @@ import { toast } from "sonner";
 import { useRouter } from "next/navigation";
 import { LoadingWithText } from "~/components/LoadingSpinner";
 import { useWorkflowData } from "~/hooks/useWorkflowData";
-import useSWR from "swr";
 
 function Builder({
   params,
@@ -40,7 +39,7 @@ function Builder({
   useEffect(() => {
     if (session) {
       setSessionStore(session);
-    } 
+    }
   }, [session]);
 
   const {
@@ -179,11 +178,7 @@ function Builder({
           </ResizablePanel>
           <ResizableHandle withHandle />
           <ResizablePanel defaultSize={83}>
-            {workflowIsLoading || !session?.user ? (
-              <Loading />
-            ) : (
-              <Flow />
-            )}
+            {workflowIsLoading || !session?.user ? <Loading /> : <Flow />}
           </ResizablePanel>
           <ResizableHandle withHandle />
           <ResizablePanel defaultSize={0} minSize={0} ref={rightPanelRef}>

src/app/workflow/Flow.tsx

@@ -9,7 +9,7 @@ import {
   ReactFlow,
   getOutgoers,
 } from "@xyflow/react";
-import { useCallback, useMemo, useRef } from "react";
+import { useCallback, useRef } from "react";
 import useSWR from "swr";
 
 import useStore from "~/app/states/store";
@@ -189,6 +189,10 @@ export const Nodes = {
   },
 };
 
+export const nodeTypes = Object.fromEntries(
+  Object.entries(Nodes).map(([key, value]) => [key, value.node]),
+);
+
 export function App() {
   const reactFlowWrapper = useRef(null);
   const {
@@ -226,14 +230,6 @@ export function App() {
   const router = useRouter();
   const path = usePathname();
 
-  const nodeTypes = useMemo(
-    () =>
-      Object.fromEntries(
-        Object.entries(Nodes).map(([key, value]) => [key, value.node]),
-      ),
-    [],
-  );
-
   const onDragDrop = useCallback(
     (event) => {
       event.preventDefault();

src/app/workflows/WorkflowGrid.tsx

@@ -5,6 +5,13 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
 } from "@/components/ui/collapsible";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 import {
   Tooltip,
   TooltipContent,
@@ -24,6 +31,7 @@ import {
 import Image from "next/image";
 import Link from "next/link";
 import { useState } from "react";
+import { toast } from "sonner";
 import useSWR, { mutate } from "swr";
 import { Badge } from "~/components/ui/badge";
 import { Button, buttonVariants } from "~/components/ui/button";
@@ -37,15 +45,6 @@ import {
 } from "~/components/ui/card";
 import { Skeleton } from "~/components/ui/skeleton";
 import { runWorkflow } from "../utils/runWorkflow";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { toast } from "sonner";
 
 function getTargets(
   operations: Workflow.WorkflowResponse["workflow"]["operations"],
@@ -315,7 +314,7 @@ const WorkflowCard = ({ d }) => {
   const id = d.id;
 
   const handleRunClick = (event: React.MouseEvent) => {
-    runWorkflow(d.workflow)
+    runWorkflow(d.workflow);
   };
 
   return (

src/app/workflows/page.tsx

@@ -1,6 +1,6 @@
+import { redirect } from "next/navigation";
 import { getServerAuthSession } from "~/server/auth";
 import { WorkflowsGrid } from "./WorkflowGrid";
-import { redirect } from "next/navigation";
 export default async function Dashboard() {
   const workflows = undefined;