unkeyed · chronark · Dec 11, 2024 · Dec 10, 2024 · Dec 10, 2024
@@ -1,10 +1,10 @@
 "use client";
 import { EmptyPlaceholder } from "@/components/dashboard/empty-placeholder";
-import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Separator } from "@/components/ui/separator";
 import { PostHogIdentify } from "@/providers/PostHogProvider";
 import { useUser } from "@clerk/nextjs";
+import { Button } from "@unkey/ui";
 import { BookOpen, Code, Search } from "lucide-react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
@@ -84,10 +84,10 @@ export function ApiList({ apis }: { apis: ApiWithKeys }) {
             You haven&apos;t created any APIs yet. Create one to get started.
           </EmptyPlaceholder.Description>
           <div className="flex flex-col items-center justify-center gap-2 md:flex-row">
-            <CreateApiButton key="createApi" className="" />
+            <CreateApiButton key="createApi" />
             <Link href="/docs" target="_blank">
-              <Button variant="secondary" className="w-full items-center gap-2 ">
-                <BookOpen className="h-4 w-4 md:h-5 md:w-5" />
+              <Button>
+                <BookOpen />
                 Read the docs
               </Button>
             </Link>

@@ -1,7 +1,6 @@
 "use client";
 import { revalidate } from "@/app/actions";
 import { Loading } from "@/components/dashboard/loading";
-import { Button } from "@/components/ui/button";
 import { Dialog, DialogContent, DialogFooter, DialogTrigger } from "@/components/ui/dialog";
 import {
   Form,
@@ -16,6 +15,7 @@ import { Input } from "@/components/ui/input";
 import { toast } from "@/components/ui/toaster";
 import { trpc } from "@/lib/trpc/client";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "@unkey/ui";
 import { Plus } from "lucide-react";
 import { useRouter } from "next/navigation";
 import type React from "react";
@@ -51,8 +51,8 @@ export const CreateApiButton = ({ ...rest }: React.ButtonHTMLAttributes<HTMLButt
     <>
       <Dialog>
         <DialogTrigger asChild>
-          <Button className="flex-row items-center gap-1 font-semibold " {...rest}>
-            <Plus size={18} className="w-4 h-4 " />
+          <Button variant="primary" {...rest}>
+            <Plus />
             Create New API
           </Button>
         </DialogTrigger>
@@ -82,6 +82,7 @@ export const CreateApiButton = ({ ...rest }: React.ButtonHTMLAttributes<HTMLButt
 
               <DialogFooter className="flex-row justify-end gap-2 pt-4 ">
                 <Button
+                  variant="primary"
                   disabled={create.isLoading || !form.formState.isValid}
                   className="mt-4 "
                   type="submit"

@@ -5,24 +5,15 @@ import { PHProvider, PostHogPageview } from "@/providers/PostHogProvider";
 import "@/styles/tailwind/tailwind.css";
 import { ClerkProvider } from "@clerk/nextjs";
 import "@unkey/ui/css";
+
+import { GeistMono } from "geist/font/mono";
+import { GeistSans } from "geist/font/sans";
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import localFont from "next/font/local";
 import type React from "react";
 import { Suspense } from "react";
 import { ReactQueryProvider } from "./react-query-provider";
 import { ThemeProvider } from "./theme-provider";
 
-const inter = Inter({
-  subsets: ["latin"],
-  variable: "--font-inter",
-});
-
-const pangea = localFont({
-  src: "../public/fonts/PangeaAfrikanTrial-Medium.woff2",
-  variable: "--font-pangea",
-});
-
 export const metadata = {
   metadataBase: new URL("https://unkey.dev"),
   title: "Open Source API Authentication",
@@ -60,7 +51,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en" className={[inter.variable, pangea.variable].join(" ")}>
+    <html lang="en" className={`${GeistSans.variable} ${GeistMono.variable}`}>
       <Suspense>
         <PostHogPageview />
       </Suspense>

@@ -83,6 +83,7 @@
     "export-to-csv": "^1.4.0",
     "framer-motion": "11.0.23",
     "free-email-domains": "^1.2.13",
+    "geist": "^1.3.1",
     "github-slugger": "^2.0.0",
     "input-otp": "1.2.4",
     "lucide-react": "^0.378.0",