Oliver/presenton
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update: 'Create Template' button in header

Browse source
This commit is contained in:
Suraj Jha 2025-08-09 20:47:16 +05:45
parent 36bbefa5aa
commit 1158fdb7ec
No known key found for this signature in database
GPG key ID: 5AC6C16355CE2C14
3 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
servers/nextjs/app/(presentation-generator)/custom-template/page.tsx
View file

@ -2,7 +2,7 @@
import React from "react";
import FontManager from "./components/FontManager";
import Header from "@/components/Header";
import Header from "../dashboard/components/Header";
import { useLayout } from "../context/LayoutContext";
import { useCustomLayout } from "./hooks/useCustomLayout";
import { useFontManagement } from "./hooks/useFontManagement";
@ -78,8 +78,13 @@ const CustomLayoutPage = () => {
</h1>
<p className="text-lg text-gray-600 max-w-2xl mx-auto">
Upload your PPTX file to extract slides and convert them to
interactive HTML layouts
template which then can be used to generate AI presentations.
</p>
<div className="max-w-2xl mx-auto mt-2">
<div className="inline-block rounded border border-orange-200 bg-orange-50 px-3 py-2 text-sm text-orange-700">
AI template generation can take around 5 minutes per slide.
</div>
</div>
</div>

11
servers/nextjs/app/(presentation-generator)/dashboard/components/Header.tsx
View file

@ -6,7 +6,7 @@ import Link from "next/link";
import BackBtn from "@/components/BackBtn";
import { usePathname } from "next/navigation";
import HeaderNav from "@/app/(presentation-generator)/components/HeaderNab";
import { Layout } from "lucide-react";
import { Layout, FilePlus2 } from "lucide-react";
const Header = () => {
const pathname = usePathname();
return (
@ -24,6 +24,15 @@ const Header = () => {
</Link>
</div>
<div className="flex items-center gap-3">
<Link
href="/custom-template"
prefetch={false}
className="flex items-center gap-2 px-3 py-2 text-white hover:bg-primary/80 rounded-md transition-colors outline-none"
role="menuitem"
>
<FilePlus2 className="w-5 h-5" />
<span className="text-sm font-medium font-inter">Create Template</span>
</Link>
<Link
href="/template-preview"
prefetch={false}

6
servers/nextjs/components/Header.tsx
View file

@ -2,7 +2,7 @@
import React from "react";
import Link from "next/link";
import { Layout } from "lucide-react";
import { Layout, Plus } from "lucide-react";
const Header: React.FC = () => {
return (
@ -14,6 +14,10 @@ const Header: React.FC = () => {
</Link>
<nav className="flex items-center gap-4">
<Link href="/custom-layout" className="inline-flex items-center gap-2 text-gray-700 hover:text-gray-900">
<Plus className="w-5 h-5" />
<span className="text-sm font-medium font-inter">Create Template</span>
</Link>
<Link href="/template-preview" className="inline-flex items-center gap-2 text-gray-700 hover:text-gray-900">
<Layout className="w-5 h-5" />
<span className="text-sm font-medium font-inter">Templates</span>