From 78d7afcddbb112b8a6e9440596fc5c11b69ed5e9 Mon Sep 17 00:00:00 2001
From: Citali <git@fellies.email>
Date: Sat, 27 Dec 2025 16:18:46 +0100
Subject: [PATCH] Add socials

---
 src/app/globals.css                              |  4 ++--
 src/components/SocialLinks.tsx                   | 10 ++++++++--
 src/components/commissions/CommissionCard.tsx    | 10 +++++-----
 .../commissions/CommissionOrderForm.tsx          | 16 +++++++++++++++-
 src/schemas/commissionOrder.ts                   |  1 +
 5 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 0e35164..34f751a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -128,7 +128,7 @@
 }
 
 .markdown h3 {
-  @apply text-2xl font-medium mt-5 mb-2;
+  @apply text-xl font-bold mb-2;
 }
 
 .markdown p {
@@ -144,7 +144,7 @@
 }
 
 .markdown li {
-  @apply mb-1;
+  /* @apply mb-1; */
 }
 
 .markdown blockquote {
diff --git a/src/components/SocialLinks.tsx b/src/components/SocialLinks.tsx
index d445030..1db36e5 100644
--- a/src/components/SocialLinks.tsx
+++ b/src/components/SocialLinks.tsx
@@ -4,10 +4,11 @@ import {
   siMastodon,
   siPaypal,
   siTelegram,
+  siTwitch,
   type SimpleIcon,
 } from "simple-icons";
 
-type SocialKey = "paypal" | "telegram" | "mastodon" | "bluesky" | "linktree";
+type SocialKey = "paypal" | "telegram" | "mastodon" | "bluesky" | "linktree" | "twitch";
 
 const SOCIALS: Record<
   SocialKey,
@@ -38,6 +39,11 @@ const SOCIALS: Record<
     icon: siLinktree,
     href: "https://linktr.ee/gaertan",
   },
+  twitch: {
+    label: "Twitch",
+    icon: siTwitch,
+    href: "https://www.twitch.tv/gaertan_art",
+  }
 };
 
 function BrandSvg({ icon }: { icon: SimpleIcon }) {
@@ -54,7 +60,7 @@ function BrandSvg({ icon }: { icon: SimpleIcon }) {
 }
 
 export function SocialLinks({
-  items = ["paypal", "telegram", "mastodon", "bluesky", "linktree"],
+  items = ["paypal", "telegram", "mastodon", "bluesky", "linktree", "twitch"],
   size = "md",
 }: {
   items?: SocialKey[];
diff --git a/src/components/commissions/CommissionCard.tsx b/src/components/commissions/CommissionCard.tsx
index a19c474..73164d7 100644
--- a/src/components/commissions/CommissionCard.tsx
+++ b/src/components/commissions/CommissionCard.tsx
@@ -53,11 +53,11 @@ export function CommissionCard({ commission }: { commission: CommissionTypeWithI
               {commission.options.map((option) => (
                 <li key={option.id}>
                   {option.option?.name}:{" "}
-                  {option.price
+                  {option.price && option.price !== 0
                     ? `${option.price}€`
                     : option.pricePercent
                       ? `+${option.pricePercent}%`
-                      : option.priceRange
+                      : option.priceRange && option.priceRange !== "0–0"
                         ? `${option.priceRange}€`
                         : "Included"}
                 </li>
@@ -66,16 +66,16 @@ export function CommissionCard({ commission }: { commission: CommissionTypeWithI
           </div>
 
           <div>
-            <h4 className="font-semibold">Extras</h4>
+            {commission.extras.length > 0 && <h4 className="font-semibold">Extras</h4>}
             <ul className="pl-4 list-disc">
               {commission.extras.map((extra) => (
                 <li key={extra.id}>
                   {extra.extra?.name}:{" "}
-                  {extra.price
+                  {extra.price && extra.price !== 0
                     ? `${extra.price}€`
                     : extra.pricePercent
                       ? `+${extra.pricePercent}%`
-                      : extra.priceRange
+                      : extra.priceRange && extra.priceRange !== "0–0"
                         ? `${extra.priceRange}€`
                         : "Included"}
                 </li>
diff --git a/src/components/commissions/CommissionOrderForm.tsx b/src/components/commissions/CommissionOrderForm.tsx
index d45418d..c9bc453 100644
--- a/src/components/commissions/CommissionOrderForm.tsx
+++ b/src/components/commissions/CommissionOrderForm.tsx
@@ -40,6 +40,7 @@ export function CommissionOrderForm({ types }: Props) {
       extraIds: [],
       customerName: "",
       customerEmail: "",
+      customerSocials: "",
       message: "",
     },
   })
@@ -190,7 +191,20 @@ export function CommissionOrderForm({ types }: Props) {
               <FormItem>
                 <FormLabel>Email</FormLabel>
                 <FormControl>
-                  <Input placeholder="jane@example.com" {...field} />
+                  <Input placeholder="E-Mail address for invoice and/or contact" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+          <FormField
+            control={form.control}
+            name="customerSocials"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Socials</FormLabel>
+                <FormControl>
+                  <Input placeholder="Alternative for contact (telegram, bsky, fediverse/mastodon)" {...field} />
                 </FormControl>
                 <FormMessage />
               </FormItem>
diff --git a/src/schemas/commissionOrder.ts b/src/schemas/commissionOrder.ts
index e0212e4..74c6fc7 100644
--- a/src/schemas/commissionOrder.ts
+++ b/src/schemas/commissionOrder.ts
@@ -7,5 +7,6 @@ export const commissionOrderSchema = z.object({
   customFields: z.record(z.string(), z.any()).optional(),
   customerName: z.string().min(2, "Enter your name"),
   customerEmail: z.email("Invalid email"),
+  customerSocials: z.string().optional(),
   message: z.string().min(5, "Please describe what you want"),
 })