Merge branch 'main' into refactor/move-to-marble-sdk

Author: izadoesdev

apps/dashboard/app/(main)/organizations/components/organizations-list.tsx

@@ -41,7 +41,6 @@ import {
 } from '@/hooks/use-organizations';
 import { cn, getOrganizationInitials } from '@/lib/utils';
 import { EmptyState } from './empty-state';
-import { ListSkeleton } from './list-skeleton';
 
 dayjs.extend(relativeTime);
 

apps/dashboard/components/organizations/create-organization-dialog.tsx

@@ -76,6 +76,13 @@ export function CreateOrganizationDialog({
 		metadata: {},
 	});
 	const [slugManuallyEdited, setSlugManuallyEdited] = useState(false);
+	const [touchedFields, setTouchedFields] = useState<{
+		name: boolean;
+		slug: boolean;
+	}>({
+		name: false,
+		slug: false,
+	});
 
 	// Image upload state
 	const [preview, setPreview] = useState<string | null>(null);
@@ -106,6 +113,7 @@ export function CreateOrganizationDialog({
 		setPreview(null);
 		setLogoFile(null);
 		setSlugManuallyEdited(false);
+		setTouchedFields({ name: false, slug: false });
 		resetCropState();
 		setIsCropModalOpen(false);
 	};
@@ -299,16 +307,19 @@ export function CreateOrganizationDialog({
 								</Label>
 								{(() => {
 									const isNameValid = formData.name.trim().length >= 2;
+									const hasUserTyped = formData.name.length > 0;
+									const shouldShowError = (touchedFields.name || hasUserTyped) && !isNameValid;
 									return (
 										<>
 											<Input
 												aria-describedby="org-name-help"
-												aria-invalid={!isNameValid}
+												aria-invalid={shouldShowError}
 												className={`rounded border-border/50 focus:border-primary/50 focus:ring-primary/20 ${
-													isNameValid ? '' : 'border-destructive'
+													shouldShowError ? 'border-destructive' : ''
 												}`}
 												id="org-name"
 												maxLength={100}
+												onBlur={() => setTouchedFields(prev => ({ ...prev, name: true }))}
 												onChange={(e) =>
 													setFormData((prev) => ({
 														...prev,
@@ -340,16 +351,19 @@ export function CreateOrganizationDialog({
 									const isSlugValid =
 										SLUG_ALLOWED_REGEX.test(formData.slug || '') &&
 										(formData.slug || '').trim().length >= 2;
+									const hasUserTyped = (formData.slug || '').length > 0;
+									const shouldShowError = (touchedFields.slug || hasUserTyped) && !isSlugValid;
 									return (
 										<>
 											<Input
 												aria-describedby="org-slug-help"
-												aria-invalid={!isSlugValid}
+												aria-invalid={shouldShowError}
 												className={`rounded border-border/50 focus:border-primary/50 focus:ring-primary/20 ${
-													isSlugValid ? '' : 'border-destructive'
+													shouldShowError ? 'border-destructive' : ''
 												}`}
 												id="org-slug"
 												maxLength={50}
+												onBlur={() => setTouchedFields(prev => ({ ...prev, slug: true }))}
 												onChange={(e) => handleSlugChange(e.target.value)}
 												placeholder="e.g., acme-corp"
 												value={formData.slug}

apps/docs/components/landing/hero.tsx

@@ -1,8 +1,6 @@
 'use client';
 
 import dynamic from 'next/dynamic';
-import Image from 'next/image';
-import { useTheme } from 'next-themes';
 import DemoContainer from './demo';
 import { SciFiButton } from './scifi-btn';
 import { Spotlight } from './spotlight';
@@ -28,8 +26,6 @@ export default function Hero() {
 		}
 	};
 
-	const { resolvedTheme } = useTheme();
-	const isDarkMode = resolvedTheme === 'dark';
 
 	return (
 		<section className="relative flex min-h-[100svh] w-full flex-col items-center overflow-hidden">
@@ -39,21 +35,6 @@ export default function Hero() {
 				<div className="grid grid-cols-1 items-center gap-8 pt-12 pb-6 sm:pt-16 sm:pb-8 lg:grid-cols-2 lg:gap-12 lg:pt-20 lg:pb-12 xl:gap-16">
 					{/* Text Content */}
 					<div className="order-2 flex flex-col items-center gap-6 text-center lg:order-1 lg:items-start lg:gap-8 lg:text-left">
-						<div>
-							<a
-								className="block transition-transform hover:scale-105"
-								href="https://www.producthunt.com/products/databuddy-analytics"
-								rel="noopener noreferrer"
-								target="_blank"
-							>
-								<Image
-									alt="Databuddy Analytics on Product Hunt"
-									height={40}
-									src={`https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1021633&theme=${isDarkMode ? 'dark' : 'light'}`}
-									width={250}
-								/>
-							</a>
-						</div>
 						<div className="self-center lg:self-start">
 							<div className="inline-flex items-center rounded-full border border-border bg-background/80 px-3 py-1 font-medium text-muted-foreground text-xs shadow backdrop-blur">
 								<span>Rejected by</span>