chore: minor updates

turbo-eth · Nov 27, 2023 · 27095fc · 27095fc
1 parent 4f056d7
commit 27095fc
Show file tree

Hide file tree

Showing 82 changed files with 317 additions and 262 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
-# TurboETH BUIDL
+# TurboETH ⚡️ BUIDL
 
-Handcrafted Web3 components that you can copy and paste into your WAGMI apps. Free. Open Source. **Use this to build your own component library**.
+Collection of essential components for any modern Web3 applications. Save time and BUIDL faster. Free. Open Source. **Use this to build your own component library**.
 
 ## Documentation
 

diff --git a/apps/www/__registry__/.autogenerated b/apps/www/__registry__/.autogenerated
diff --git a/apps/www/__registry__/README.md b/apps/www/__registry__/README.md
@@ -1 +1 @@
-> Files inside this directory is autogenerated by `./scripts/build-registry.ts`. **Do not edit them manually.** - shadcn
+Files are auto-generated. Do not edit!
diff --git a/apps/www/__registry__/index.tsx b/apps/www/__registry__/index.tsx
@@ -96,13 +96,6 @@ export const Index: Record<string, any> = {
       component: React.lazy(() => import("@/registry/default/buidl/erc20/erc20-select-and-amount")),
       files: ["registry/default/buidl/erc20/erc20-select-and-amount.tsx"],
     },
-    "accordion": {
-      name: "accordion",
-      type: "components:ui",
-      registryDependencies: undefined,
-      component: React.lazy(() => import("@/registry/default/ui/accordion")),
-      files: ["registry/default/ui/accordion.tsx"],
-    },
     "address-demo": {
       name: "address-demo",
       type: "components:example",
@@ -222,12 +215,5 @@ export const Index: Record<string, any> = {
       component: React.lazy(() => import("@/registry/default/example/erc20-select-and-amount-demo")),
       files: ["registry/default/example/erc20-select-and-amount-demo.tsx"],
     },
-    "accordion-demo": {
-      name: "accordion-demo",
-      type: "components:example",
-      registryDependencies: ["accordion"],
-      component: React.lazy(() => import("@/registry/default/example/accordion-demo")),
-      files: ["registry/default/example/accordion-demo.tsx"],
-    },
   },
 }
diff --git a/apps/www/app/examples/authentication/page.tsx b/apps/www/app/examples/authentication/page.tsx
@@ -3,8 +3,14 @@ import Image from "next/image"
 import Link from "next/link"
 
 import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/registry/default/ui/button"
-import { UserAuthForm } from "@/app/examples/authentication/components/user-auth-form"
+import { AccountAddress } from "@/registry/default/buidl/account-address"
+import { AccountBlockie } from "@/registry/default/buidl/account-blockie"
+import { Address } from "@/registry/default/buidl/address"
+import { IsWalletConnected } from "@/registry/default/buidl/is-wallet-connected"
+import { IsWalletDisconnected } from "@/registry/default/buidl/is-wallet-disconnected"
+import { WalletConnect } from "@/registry/default/buidl/wallet-connect"
+import { WalletDisconnect } from "@/registry/default/buidl/wallet-disconnect"
+import { Button, buttonVariants } from "@/registry/default/ui/button"
 
 export const metadata: Metadata = {
   title: "Authentication",
@@ -14,21 +20,8 @@ export const metadata: Metadata = {
 export default function AuthenticationPage() {
   return (
     <>
-      <div className="md:hidden">
-        <Image
-          src="/examples/authentication-light.png"
-          width={1280}
-          height={843}
-          alt="Authentication"
-          className="block dark:hidden"
-        />
-        <Image
-          src="/examples/authentication-dark.png"
-          width={1280}
-          height={843}
-          alt="Authentication"
-          className="hidden dark:block"
-        />
+      <div className="p-10 md:hidden">
+        View this page on a larger screen to see the full example.
       </div>
       <div className="container relative hidden h-[800px] flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0">
         <Link
@@ -55,47 +48,56 @@ export default function AuthenticationPage() {
             >
               <path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3" />
             </svg>
-            Acme Inc
+            Degen Inc
           </div>
           <div className="relative z-20 mt-auto">
             <blockquote className="space-y-2">
               <p className="text-lg">
-                &ldquo;This library has saved me countless hours of work and
-                helped me deliver stunning designs to my clients faster than
-                ever before.&rdquo;
+                &ldquo;I always degenerate to chocolate and coffee.&rdquo;
               </p>
-              <footer className="text-sm">Sofia Davis</footer>
+              <footer className="text-sm">Mandy Ingber</footer>
             </blockquote>
           </div>
         </div>
         <div className="lg:p-8">
           <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
-            <div className="flex flex-col space-y-2 text-center">
-              <h1 className="text-2xl font-semibold tracking-tight">
-                Create an account
-              </h1>
-              <p className="text-sm text-muted-foreground">
-                Enter your email below to create your account
+            <IsWalletDisconnected>
+              <div className="flex flex-col space-y-2 text-center">
+                <h1 className="text-2xl font-semibold tracking-tight">
+                  Connect Wallet to Continue
+                </h1>
+                <p className="text-sm text-muted-foreground">
+                  Enter your email below to create your account
+                </p>
+              </div>
+              <WalletConnect />
+              <p className="px-8 text-center text-sm text-muted-foreground">
+                By clicking continue, you agree to our{" "}
+                <Link
+                  href="/terms"
+                  className="underline underline-offset-4 hover:text-primary"
+                >
+                  Terms of Service
+                </Link>{" "}
+                and{" "}
+                <Link
+                  href="/privacy"
+                  className="underline underline-offset-4 hover:text-primary"
+                >
+                  Privacy Policy
+                </Link>
+                .
               </p>
-            </div>
-            <UserAuthForm />
-            <p className="px-8 text-center text-sm text-muted-foreground">
-              By clicking continue, you agree to our{" "}
-              <Link
-                href="/terms"
-                className="underline underline-offset-4 hover:text-primary"
-              >
-                Terms of Service
-              </Link>{" "}
-              and{" "}
-              <Link
-                href="/privacy"
-                className="underline underline-offset-4 hover:text-primary"
-              >
-                Privacy Policy
-              </Link>
-              .
-            </p>
+            </IsWalletDisconnected>
+            <IsWalletConnected>
+              <div className="flex items-center justify-center gap-x-2">
+                <AccountBlockie />
+                <Button size={"sm"} className="rounded-full">
+                  <AccountAddress truncate linkEnabled />
+                </Button>
+                <WalletDisconnect variant={"ghost"} size={"sm"} />
+              </div>
+            </IsWalletConnected>
           </div>
         </div>
       </div>

diff --git a/apps/www/app/examples/layout.tsx b/apps/www/app/examples/layout.tsx
@@ -26,24 +26,21 @@ export default function ExamplesLayout({ children }: ExamplesLayoutProps) {
     <>
       <div className="container relative">
         <PageHeader className="page-header pb-8">
-          <Link
-            href="/docs/changelog"
-            className="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium"
-          >
-            🎉 <Separator className="mx-2 h-4" orientation="vertical" />{" "}
-            <span className="sm:hidden">Style, a new CLI and more.</span>
-            <span className="hidden sm:inline">
-              Introducing Style, a new CLI and more.
-            </span>
-            <ArrowRightIcon className="ml-1 h-4 w-4" />
-          </Link>
+        <Link
+          href="/docs/components/wallet-connect"
+          className="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium"
+        >
+          ⚡️ <Separator className="mx-2 h-4" orientation="vertical" />{" "}
+          <span className="sm:hidden">Build Web3 in Turbo Mode.</span>
+          <span className="hidden sm:inline">Build Web3 in Turbo Mode</span>
+          <ArrowRightIcon className="ml-1 h-4 w-4" />
+        </Link>
           <PageHeaderHeading className="hidden md:block">
             Check out some examples.
           </PageHeaderHeading>
           <PageHeaderHeading className="md:hidden">Examples</PageHeaderHeading>
           <PageHeaderDescription>
-            Dashboard, cards, authentication. Some examples built using the
-            components. Use this as a guide to build your own.
+            More examples coming soon!
           </PageHeaderDescription>
           <section className="flex w-full items-center space-x-4 pb-8 pt-4 md:pb-10">
             <Link
@@ -53,7 +50,7 @@ export default function ExamplesLayout({ children }: ExamplesLayoutProps) {
               Get Started
             </Link>
             <Link
-              href="/components"
+              href="/docs/components/wallet-connect"
               className={cn(
                 buttonVariants({ variant: "outline" }),
                 "rounded-[6px]"

diff --git a/apps/www/app/page.tsx b/apps/www/app/page.tsx
@@ -21,7 +21,7 @@ export default function IndexPage() {
     <div className="container relative">
       <PageHeader className="pb-8">
         <Link
-          href="/docs/changelog"
+          href="/docs/components"
           className="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium"
         >
           ⚡️ <Separator className="mx-2 h-4" orientation="vertical" />{" "}
@@ -31,8 +31,7 @@ export default function IndexPage() {
         </Link>
         <PageHeaderHeading>A Flexible Web3 Component Library</PageHeaderHeading>
         <PageHeaderDescription>
-          Handcrafted Web3 components that you can copy and paste into your
-          WAGMI apps.{" "}
+          Collection of essential components for any modern Web3 applications.{" "}
           <span className="font-bold">Save time and BUIDL faster.</span>
         </PageHeaderDescription>
         <div className="flex w-full items-center space-x-4 pb-8 pt-4 md:pb-10">

diff --git a/apps/www/components/examples-nav.tsx b/apps/www/components/examples-nav.tsx
@@ -11,7 +11,7 @@ const examples = [
   {
     name: "Authentication",
     href: "/examples/authentication",
-    code: "https://github.com/shadcn/ui/tree/main/apps/www/app/examples/authentication",
+    code: "https://github.com/turbo-eth/buidl/tree/main/apps/www/app/examples/authentication",
   },
 ]
 

diff --git a/apps/www/components/main-nav.tsx b/apps/www/components/main-nav.tsx
@@ -31,7 +31,7 @@ export function MainNav() {
           Documentation
         </Link>
         <Link
-          href="/docs/components"
+          href="/docs/components/wallet-connect"
           className={cn(
             "transition-colors hover:text-foreground/80",
             pathname?.startsWith("/docs/components")
@@ -41,28 +41,6 @@ export function MainNav() {
         >
           Components
         </Link>
-        {/* <Link
-          href="/themes"
-          className={cn(
-            "transition-colors hover:text-foreground/80",
-            pathname?.startsWith("/themes")
-              ? "text-foreground"
-              : "text-foreground/60"
-          )}
-        >
-          Themes
-        </Link>
-        <Link
-          href="/examples"
-          className={cn(
-            "transition-colors hover:text-foreground/80",
-            pathname?.startsWith("/examples")
-              ? "text-foreground"
-              : "text-foreground/60"
-          )}
-        >
-          Examples
-        </Link> */}
         <Link
           href={siteConfig.links.github}
           className={cn(

diff --git a/apps/www/components/site-footer.tsx b/apps/www/components/site-footer.tsx
@@ -12,7 +12,7 @@ export function SiteFooter() {
             rel="noreferrer"
             className="font-medium underline underline-offset-4"
           >
-            shadcn
+            District Labs
           </a>
           . The source code is available on{" "}
           <a

diff --git a/apps/www/config/docs.ts b/apps/www/config/docs.ts
@@ -13,19 +13,7 @@ export const docsConfig: DocsConfig = {
     },
     {
       title: "Components",
-      href: "/docs/components/accordion",
-    },
-    {
-      title: "Themes",
-      href: "/themes",
-    },
-    {
-      title: "Examples",
-      href: "/examples",
-    },
-    {
-      title: "Figma",
-      href: "/docs/figma",
+      href: "/docs/components/wallet-connect",
     },
     {
       title: "GitHub",

diff --git a/apps/www/config/site.ts b/apps/www/config/site.ts
@@ -1,12 +1,12 @@
 export const siteConfig = {
   name: "turboeth/buidl",
   url: "https://buidl.turboeth.com",
-  ogImage: "https://buidl.turboeth.com/og.jpg",
+  ogImage: "https://buidl.turboeth.com/og.png",
   description:
-    "Beautifully designed components built with Radix UI and Tailwind CSS.",
+    "Collection of essential components for any modern Web3 applications ⚡️ copy and paste in minutes.",
   links: {
     twitter: "https://twitter.com/districtfi",
-    github: "https://github.com/turboeth/buidl",
+    github: "https://github.com/turbo-eth/buidl",
   },
 }
 

diff --git a/apps/www/content/docs/components/accordion.mdx b/apps/www/content/docs/components/accordion.mdx
@@ -2,9 +2,7 @@
 title: Accordion
 description: A vertically stacked set of interactive headings that each reveal a section of content.
 component: true
-radix:
-  link: https://www.radix-ui.com/docs/primitives/components/accordion
-  api: https://www.radix-ui.com/docs/primitives/components/accordion#api-reference
+
 ---
 
 <ComponentPreview
@@ -77,7 +75,7 @@ npm install @radix-ui/react-accordion
 
 <ComponentSource name="accordion" />
 
-<Step>Update the import paths to match your project setup.</Step>
+
 
 <Step>Update `tailwind.config.js`</Step>
 

diff --git a/apps/www/content/docs/components/account-address.mdx b/apps/www/content/docs/components/account-address.mdx
@@ -40,8 +40,6 @@ wagmi:
 
 <ComponentSource name="address" />
 
-<Step>Update the import paths to match your project setup.</Step>
-
 </Steps>
 
 </TabsContent>

diff --git a/apps/www/content/docs/components/account-blockie.mdx b/apps/www/content/docs/components/account-blockie.mdx
@@ -2,9 +2,7 @@
 title: Account Blockie
 description: Display connected account blockie identicon.
 component: true
-radix:
-  link: https://www.radix-ui.com/docs/primitives/components/accordion
-  api: https://www.radix-ui.com/docs/primitives/components/accordion#api-reference
+
 ---
 
 <ComponentPreview

diff --git a/apps/www/content/docs/components/account-ens-avatar.mdx b/apps/www/content/docs/components/account-ens-avatar.mdx
@@ -40,8 +40,6 @@ radix:
 
 <ComponentSource name="account-ens-avatar" />
 
-<Step>Update the import paths to match your project setup.</Step>
-
 </Steps>
 
 </TabsContent>

diff --git a/apps/www/content/docs/components/account-ens-name.mdx b/apps/www/content/docs/components/account-ens-name.mdx
@@ -40,8 +40,6 @@ radix:
 
 <ComponentSource name="account-ens-name" />
 
-<Step>Update the import paths to match your project setup.</Step>
-
 </Steps>
 
 </TabsContent>

diff --git a/apps/www/content/docs/components/address.mdx b/apps/www/content/docs/components/address.mdx
@@ -40,8 +40,6 @@ wagmi:
 
 <ComponentSource name="address" />
 
-<Step>Update the import paths to match your project setup.</Step>
-
 </Steps>
 
 </TabsContent>