Skip to content

Commit 190c133

Browse files
jadonamitejadonamite
committed
fix: correct ui handling (layout, LivePreview) (improvement)
1 parent 1b93000 commit 190c133

6 files changed

Lines changed: 23 additions & 22 deletions

File tree

‎src/app/layout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1+
import type { Metadata } from "next";
12
import { Plus_Jakarta_Sans } from "next/font/google";
23
import "./globals.css";
34
import { StacksProvider } from "@/components/fundx/StacksProvider";
45
import { Toaster } from "@/components/ui/sonner";
5-
import type { Metadata } from "next";
66

77
const jakarta = Plus_Jakarta_Sans({ subsets: ["latin"], variable: "--font-jakarta" });
88

‎src/components/create/LivePreview.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export function LivePreview({ formData }: { formData: any }) {
77
return (
88
<div className="sticky top-32 space-y-6">
99
<div className="text-center">
10-
<p className="text-sm font-bold text-slate-400 uppercase tracking-widest mb-4">Live Preview</p>
10+
<p className="text-sm font_-bold text-slate-400 uppercase tracking-widest mb-4">Live Preview</p>
1111
</div>
1212

1313
<div className="transform scale-110 origin-top">
@@ -23,19 +23,19 @@ export function LivePreview({ formData }: { formData: any }) {
2323
</div>
2424

2525
<div className="bg-white/50 backdrop-blur border border-slate-200 p-4 rounded-xl text-sm space-y-2 max-w-[320px] mx-auto mt-4">
26-
<p className="font-bold text-slate-900">Metadata Preview:</p>
26+
<p className="font_-bold text-slate-900">Metadata Preview:</p>
2727
<div className="flex items-center gap-2 text-slate-500">
28-
<span className="w-20 text-xs uppercase font-semibold">Creator:</span>
28+
<span className="w-20 text-xs uppercase font_-semibold">Creator:</span>
2929
<span className="text-slate-900">{formData.creatorName || "..."}</span>
3030
</div>
3131
<div className="flex items-center gap-2 text-slate-500">
32-
<span className="w-20 text-xs uppercase font-semibold">Stage:</span>
32+
<span className="w-20 text-xs uppercase font_-semibold">Stage:</span>
3333
<span className="text-slate-900">{formData.projectStage}</span>
3434
</div>
3535
<div className="flex items-center gap-2 text-slate-500">
36-
<span className="w-20 text-xs uppercase font-semibold">Asset:</span>
36+
<span className="w-20 text-xs uppercase font_-semibold">Asset:</span>
3737

38-
<span className={`font-bold px-2 py-0.5 rounded-md text-xs ${isSTX ? 'bg-orange-100 text-orange-600' : 'bg-blue-50 text-blue-600'}`}>
38+
<span className={`font_-bold px-2 py-0.5 rounded-md text-xs ${isSTX ? 'bg-orange-100 text-orange-600' : 'bg-blue-50 text-blue-600'}`}>
3939
{formData.currency || "USDCx"}
4040
</span>
4141
</div>

‎src/components/fundx/Navbar.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,13 +20,13 @@ export function Navbar() {
2020

2121
{/* Links */}
2222
<div className="hidden md:flex items-center gap-8 text-sm font-medium text-slate-500">
23-
<Link href="/explore" className="hover_:text-primary transition-colors">Campaigns</Link>
24-
<Link href="/create" className="hover_:text-primary transition-colors">Create Campaign</Link>
25-
<Link href="https://bridge.stacks.co/usdc/eth/stx" target="_blank" rel="noopener noreferrer" className="hover_:text-primary transition-colors">Bridge</Link>
23+
<Link href="/explore" className="hover:text-primary transition-colors">Campaigns</Link>
24+
<Link href="/create" className="hover:text-primary transition-colors">Create Campaign</Link>
25+
<Link href="https://bridge.stacks.co/usdc/eth/stx" target="_blank" rel="noopener noreferrer" className="hover:text-primary transition-colors">Bridge</Link>
2626

2727

2828
{isSignedIn && (
29-
<Link href="/dashboard" className="hover_:text-primary transition-colors">
29+
<Link href="/dashboard" className="hover:text-primary transition-colors">
3030
Dashboard
3131
</Link>
3232
)}

‎src/components/fundx/hero/index.tsx‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import { HeroDeckSlot } from "./HeroDeckSlot"
88
import { useScramble } from "./useScramble"
99
import HeroLogoParallax from "./HeroBackdrop"
1010

11+
1112
export { HeroDeckSlot }
1213

1314
export function Hero({ deckSlotRef }: { deckSlotRef: React.RefObject<HTMLDivElement | null> }) {
@@ -23,13 +24,6 @@ export function Hero({ deckSlotRef }: { deckSlotRef: React.RefObject<HTMLDivElem
2324

2425
const { display: scrambledText, scrambleTo } = useScramble()
2526

26-
const handleManualToggle = () => {
27-
if (isGlitchingRef.current) return
28-
if (intervalRef.current) clearInterval(intervalRef.current)
29-
runGlitch(!isStacksModeRef.current)
30-
intervalRef.current = setInterval(() => { if (!isGlitchingRef.current) runGlitch(!isStacksModeRef.current) }, 4500)
31-
}
32-
3327
const runGlitch = (targetIsStacks: boolean) => {
3428
if (isGlitchingRef.current) return
3529
isGlitchingRef.current = true
@@ -56,6 +50,13 @@ export function Hero({ deckSlotRef }: { deckSlotRef: React.RefObject<HTMLDivElem
5650
scheduleFlip()
5751
}
5852

53+
const handleManualToggle = () => {
54+
if (isGlitchingRef.current) return
55+
if (intervalRef.current) clearInterval(intervalRef.current)
56+
runGlitch(!isStacksModeRef.current)
57+
intervalRef.current = setInterval(() => { if (!isGlitchingRef.current) runGlitch(!isStacksModeRef.current) }, 4500)
58+
}
59+
5960
useEffect(() => {
6061
intervalRef.current = setInterval(() => { if (!isGlitchingRef.current) runGlitch(!isStacksModeRef.current) }, 4500)
6162
return () => { if (intervalRef.current) clearInterval(intervalRef.current) }

‎src/components/ui/button.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import * as React from "react"
2-
import { cn } from "@/lib/utils"
32
import { Slot } from "@radix-ui/react-slot"
4-
53
import { cva, type VariantProps } from "class-variance-authority"
64

5+
import { cn } from "@/lib/utils"
6+
77
const buttonVariants = cva(
88
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
99
{

‎src/components/ui/sonner.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
"use client"
22

3+
import { useTheme } from "next-themes"
34
import {
4-
import { Toaster as Sonner, type ToasterProps } from "sonner"
55
CircleCheckIcon,
66
InfoIcon,
77
Loader2Icon,
88
OctagonXIcon,
99
TriangleAlertIcon,
1010
} from "lucide-react"
11-
import { useTheme } from "next-themes"
11+
import { Toaster as Sonner, type ToasterProps } from "sonner"
1212

1313
const Toaster = ({ ...props }: ToasterProps) => {
1414
const { theme = "system" } = useTheme()

0 commit comments

Comments
 (0)