@tscircuit/fake-snippets 0.0.99 → 0.0.101

package/src/components/Header2.tsx

@@ -1,5 +1,5 @@
 import { Button } from "@/components/ui/button"
-import { CircuitBoard, Search } from "lucide-react"
+import { CircuitBoard, Search, Menu, X } from "lucide-react"
 import { Link } from "wouter"
 import { PrefetchPageLink } from "./PrefetchPageLink"
 import { HeaderLogin } from "./HeaderLogin"
@@ -53,10 +53,12 @@ const SearchButtonComponent = () => {
 }
 
 export const Header2 = () => {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
   const isLoggedIn = useGlobalStore((state) => Boolean(state.session))
+
   return (
     <>
-      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+      <header className="sticky top-0 z-50 w-full border-b bg-white md:bg-white/80 md:backdrop-blur supports-[backdrop-filter]:md:bg-white/60">
         <div className="container mx-auto flex h-16 items-center justify-between px-2 md:px-6">
           <PrefetchPageLink
             href="/"
@@ -65,23 +67,17 @@ export const Header2 = () => {
             <CircuitBoard className="h-6 w-6" />
             <span className="text-lg font-bold">tscircuit</span>
           </PrefetchPageLink>
-          <nav className="flex md:hidden">
+
+          {/* Desktop Navigation */}
+          <nav className="hidden md:flex gap-6">
             {isLoggedIn && (
-              <Link
+              <PrefetchPageLink
                 className="text-sm font-medium hover:underline underline-offset-4"
                 href="/dashboard"
               >
                 Dashboard
-              </Link>
+              </PrefetchPageLink>
             )}
-          </nav>
-          <nav className="hidden md:flex gap-6">
-            <PrefetchPageLink
-              className="text-sm font-medium hover:underline underline-offset-4"
-              href="/dashboard"
-            >
-              Dashboard
-            </PrefetchPageLink>
             <PrefetchPageLink
               className="text-sm font-medium hover:underline underline-offset-4"
               href="/quickstart"
@@ -94,12 +90,6 @@ export const Header2 = () => {
             >
               Datasheets
             </PrefetchPageLink>
-            {/* <a
-            className="text-sm font-medium hover:underline underline-offset-4"
-            href="https://github.com/tscircuit/tscircuit"
-          >
-            Github
-          </a> */}
             <a
               className="text-sm font-medium hover:underline underline-offset-4"
               href="https://docs.tscircuit.com"
@@ -119,16 +109,107 @@ export const Header2 = () => {
               Contact
             </a>
           </nav>
-          <div className="flex items-center gap-4">
+
+          {/* Desktop Right Side */}
+          <div className="hidden md:flex items-center gap-4">
             <SearchButtonComponent />
-            {isLoggedIn && (
-              <div className="hidden sm:block">
-                <HeaderDropdown />
-              </div>
-            )}
+            {isLoggedIn && <HeaderDropdown />}
             <HeaderLogin />
           </div>
+
+          {/* Mobile Right Side */}
+          <div className="flex md:hidden items-center gap-2">
+            <Button
+              variant="ghost"
+              size="icon"
+              onClick={() => (window.location.href = "/search")}
+              className="h-8 w-8"
+              aria-label="Go to search"
+            >
+              <Search className="size-4" />
+            </Button>
+            {isLoggedIn ? (
+              <HeaderLogin />
+            ) : (
+              <PrefetchPageLink href="/quickstart">
+                <Button size="sm" className="text-xs px-3 py-1">
+                  Get Started
+                </Button>
+              </PrefetchPageLink>
+            )}
+            <button
+              className="p-2"
+              onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+              aria-label={mobileMenuOpen ? "Close menu" : "Open menu"}
+            >
+              {mobileMenuOpen ? <X size={20} /> : <Menu size={20} />}
+            </button>
+          </div>
         </div>
+
+        {/* Mobile Menu */}
+        {mobileMenuOpen && (
+          <div className="md:hidden border-t bg-white ">
+            <div className="container mx-auto px-4 py-3">
+              <nav className="mb-4">
+                <div className="flex flex-col items-center gap-1">
+                  {isLoggedIn && (
+                    <PrefetchPageLink
+                      className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
+                      href="/dashboard"
+                      onClick={() => setMobileMenuOpen(false)}
+                    >
+                      Dashboard
+                    </PrefetchPageLink>
+                  )}
+                  <PrefetchPageLink
+                    className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
+                    href="/quickstart"
+                    onClick={() => setMobileMenuOpen(false)}
+                  >
+                    Editor
+                  </PrefetchPageLink>
+                  <PrefetchPageLink
+                    className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
+                    href="/datasheets"
+                    onClick={() => setMobileMenuOpen(false)}
+                  >
+                    Datasheets
+                  </PrefetchPageLink>
+                  <a
+                    className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
+                    href="https://docs.tscircuit.com"
+                  >
+                    Docs
+                  </a>
+                  <a
+                    className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
+                    href="https://tscircuit.com/join"
+                  >
+                    Discord
+                  </a>
+                  <a
+                    className="text-sm font-medium hover:underline underline-offset-4 py-2 w-full text-center"
+                    href="mailto:hello@tscircuit.com"
+                  >
+                    Contact
+                  </a>
+                </div>
+              </nav>
+              <div className="flex flex-col items-center gap-4 pt-4 border-t border-gray-200">
+                {isLoggedIn ? (
+                  <div className="w-full flex justify-center">
+                    <HeaderDropdown />
+                  </div>
+                ) : (
+                  <div className="w-full flex justify-center">
+                    <HeaderLogin />
+                  </div>
+                )}
+              </div>
+            </div>
+          </div>
+        )}
       </header>
       <CmdKMenu />
       <Analytics />

package/src/components/PackageBuildsPage/package-build-header.tsx

@@ -4,9 +4,11 @@ import { useRebuildPackageReleaseMutation } from "@/hooks/use-rebuild-package-re
 import { Github, RefreshCw } from "lucide-react"
 import { useParams } from "wouter"
 import { DownloadButtonAndMenu } from "../DownloadButtonAndMenu"
+import { useGlobalStore } from "@/hooks/use-global-store"
 
 export function PackageBuildHeader() {
   const { author, packageName } = useParams()
+  const session = useGlobalStore((s) => s.session)
   const { packageRelease } = useCurrentPackageRelease({
     include_logs: true,
   })
@@ -44,21 +46,23 @@ export function PackageBuildHeader() {
               <span className="xs:hidden">Report</span>
             </a>
           </Button>
-          <Button
-            variant="outline"
-            size="sm"
-            className="border-gray-300 bg-white hover:bg-gray-50 text-xs sm:text-sm"
-            disabled={isLoading || !packageRelease}
-            onClick={() =>
-              packageRelease &&
-              rebuildPackage({
-                package_release_id: packageRelease.package_release_id,
-              })
-            }
-          >
-            <RefreshCw className="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-2" />
-            {isLoading ? "Rebuilding..." : "Rebuild"}
-          </Button>
+          {session?.github_username == author && (
+            <Button
+              variant="outline"
+              size="sm"
+              className="border-gray-300 bg-white hover:bg-gray-50 text-xs sm:text-sm"
+              disabled={isLoading || !packageRelease}
+              onClick={() =>
+                packageRelease &&
+                rebuildPackage({
+                  package_release_id: packageRelease.package_release_id,
+                })
+              }
+            >
+              <RefreshCw className="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-2" />
+              {isLoading ? "Rebuilding..." : "Rebuild"}
+            </Button>
+          )}
           <DownloadButtonAndMenu unscopedName={packageName} author={author} />
         </div>
       </div>