Fixes

Fixed an issue where media manager only shows files uploaded in specific sections.

Fixed an issue with icon picker names.

Removed jumbo rounding and a few other style tweaks.

src/app/(owner)/owner/settings/loyalty/page.tsx

@@ -4,7 +4,7 @@ import { auth } from "@/auth";
 import { SettingsPageShell } from "@/components/settings/settings-page-shell";
 import { prisma } from "@/lib/db/prisma";
 import { hasPermission } from "@/lib/auth/permissions";
-import { Permission } from "@/generated/prisma/enums";
+import { LoyaltyCardFont, LoyaltyCardTextSize, Permission, RewardPositionMode } from "@/generated/prisma/enums";
 import { getActingBusinessContext } from "@/lib/business/get-acting-business-context";
 import { getProgrammeConfig } from "@/services/loyalty/loyalty.service";
 import { LoyaltyConfigForm } from "@/features/owner/components/loyalty-config-form";
@@ -35,6 +35,7 @@ export default async function OwnerLoyaltyConfigPage() {
     ? {
         isEnabled: programme.isEnabled,
         stampsRequired: programme.stampsRequired,
+        rewardPosition: programme.rewardPosition,
         rewardType: programme.rewardType,
         rewardValue: programme.rewardValue?.toString(),
         rewardLabel: programme.rewardLabel ?? undefined,
@@ -50,15 +51,24 @@ export default async function OwnerLoyaltyConfigPage() {
         cardBackgroundImageUrl: programme.cardBackgroundImageUrl ?? undefined,
         stampIcon: programme.stampIcon ?? undefined,
         termsLine: programme.termsLine ?? undefined,
+        cardTopRightText: programme.cardTopRightText ?? undefined,
+        cardFont: programme.cardFont,
+        cardTopRightTextSize: programme.cardTopRightTextSize,
+        cardTopRightTextColor: programme.cardTopRightTextColor ?? undefined,
+        cardBorderColor: programme.cardBorderColor ?? undefined,
+        cardMemberNumberColor: programme.cardMemberNumberColor ?? undefined,
       }
     : {
         isEnabled: false,
         stampsRequired: 10,
+        rewardPosition: RewardPositionMode.AFTER_ALL_STAMPS,
         rewardType: "PERCENTAGE" as const,
         autoApplyReward: true,
         requiresStaffApproval: false,
         earnOnCancelled: false,
         earnOnNoShow: false,
+        cardFont: LoyaltyCardFont.SANS,
+        cardTopRightTextSize: LoyaltyCardTextSize.MD,
       };
 
   return (

src/app/(owner)/owner/settings/page.tsx

@@ -38,13 +38,13 @@ export default async function OwnerSettingsPage() {
 
       <Link
         href="/staff/settings"
-        className="rounded-jumbo border-line flex items-center gap-3 border bg-white p-5 text-sm font-bold hover:bg-stone"
+        className="rounded-md border-line flex items-center gap-3 border bg-white p-5 text-sm font-bold hover:bg-stone"
       >
         <ScissorsSquare className="text-accent h-5 w-5" aria-hidden="true" />
         Switch to Barber Tools
       </Link>
 
-      <ul className="divide-line rounded-jumbo border-line divide-y border bg-white">
+      <ul className="divide-line rounded-md border-line divide-y border bg-white">
         {SETTINGS_LINKS.map(({ href, label, icon: Icon }) => (
           <li key={href}>
             <Link href={href} className="hover:bg-stone flex items-center gap-3 px-5 py-4 text-sm font-bold">
@@ -55,7 +55,7 @@ export default async function OwnerSettingsPage() {
         ))}
       </ul>
 
-      <div className="rounded-jumbo border-line border bg-white p-5">
+      <div className="rounded-md border-line border bg-white p-5">
         <p className="mb-3 text-sm font-bold">Get the app</p>
         <InstallAppButton businessName={branding.name} />
       </div>