From f643641bf10a21ac1c530e65622e57a5aa7c9fc2 Mon Sep 17 00:00:00 2001 From: shadcn Date: Fri, 16 Jun 2023 22:39:09 +0400 Subject: [PATCH 1/4] fix: replace vercel logo --- components/header.tsx | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/components/header.tsx b/components/header.tsx index 0353809..83f36ae 100644 --- a/components/header.tsx +++ b/components/header.tsx @@ -7,7 +7,12 @@ import { clearChats } from '@/app/actions' import { buttonVariants } from '@/components/ui/button' import { Sidebar } from '@/components/sidebar' import { SidebarList } from '@/components/sidebar-list' -import { IconGitHub, IconSeparator, IconVercel } from '@/components/ui/icons' +import { + IconGitHub, + IconNextChat, + IconSeparator, + IconVercel +} from '@/components/ui/icons' import { SidebarFooter } from '@/components/sidebar-footer' import { ThemeToggle } from '@/components/theme-toggle' import { ClearHistory } from '@/components/clear-history' @@ -31,8 +36,9 @@ export async function Header() { ) : ( - - + + + )}
From 000ae084e67f5be83d73e63aa5fdf2b73e55135e Mon Sep 17 00:00:00 2001 From: shadcn Date: Fri, 16 Jun 2023 22:42:16 +0400 Subject: [PATCH 2/4] style: className formatting --- components/header.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/header.tsx b/components/header.tsx index 83f36ae..b08bd46 100644 --- a/components/header.tsx +++ b/components/header.tsx @@ -38,7 +38,7 @@ export async function Header() { ) : ( - + )}
From 92529cdce7f67bd1231cafb9eaaa7bc84dac2ce5 Mon Sep 17 00:00:00 2001 From: shadcn Date: Fri, 16 Jun 2023 23:20:55 +0400 Subject: [PATCH 3/4] feat: add default og image --- app/opengraph-image.tsx | 101 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 app/opengraph-image.tsx diff --git a/app/opengraph-image.tsx b/app/opengraph-image.tsx new file mode 100644 index 0000000..0384dc1 --- /dev/null +++ b/app/opengraph-image.tsx @@ -0,0 +1,101 @@ +import { ImageResponse } from 'next/server' + +export const runtime = 'edge' + +export const alt = 'AI Chatbot' + +export const size = { + width: 1200, + height: 630 +} + +export const contentType = 'image/png' + +const interRegular = fetch( + new URL('../assets/fonts/Inter-Regular.ttf', import.meta.url) +).then(res => res.arrayBuffer()) + +const interBold = fetch( + new URL('../assets/fonts/Inter-Bold.ttf', import.meta.url) +).then(res => res.arrayBuffer()) + +export default async function Image() { + return new ImageResponse( + ( +
+
+
+
+ + + +
+
+ What is Next.js Chat? +
+
+
+
+ + + +
+
+ A Next.js 13 and App Router-ready AI chatbot template built using + Vercel AI SDK and KV for storage...▍ +
+
+
+
+
+ + + +
+ Built with{' '} +
Vercel AI SDK
& +
KV
+
+
+
demo.nextjs.chat
+
+
+ ), + { + ...size, + fonts: [ + { + name: 'Inter', + data: await interRegular, + style: 'normal', + weight: 400 + }, + { + name: 'Inter', + data: await interBold, + style: 'normal', + weight: 700 + } + ] + } + ) +} From 735dc3e3d70b7688da581a40eba0d31dd6dee70b Mon Sep 17 00:00:00 2001 From: shadcn Date: Fri, 16 Jun 2023 23:24:41 +0400 Subject: [PATCH 4/4] fix: alignment --- app/opengraph-image.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/opengraph-image.tsx b/app/opengraph-image.tsx index 0384dc1..b1f5236 100644 --- a/app/opengraph-image.tsx +++ b/app/opengraph-image.tsx @@ -36,7 +36,7 @@ export default async function Image() {
-
+
What is Next.js Chat?
@@ -53,9 +53,9 @@ export default async function Image() {
-
- A Next.js 13 and App Router-ready AI chatbot template built using - Vercel AI SDK and KV for storage...▍ +
+ An App Router-ready AI chatbot template built using Vercel AI SDK + and KV for storage...