sync

src/components/admin-ledger.tsx

@@ -91,6 +91,7 @@ type Props = {
   ledgerFrom: string;
   ledgerTo: string;
   supplyError: boolean;
+  readOnly: boolean;
 };
 
 export function AdminLedger({
@@ -110,6 +111,7 @@ export function AdminLedger({
   ledgerFrom,
   ledgerTo,
   supplyError,
+  readOnly,
 }: Props) {
   const usernameById = useMemo(() => {
     const m = new Map<number, string | null>();
@@ -316,13 +318,15 @@ export function AdminLedger({
                   All transactions
                 </p>
               </div>
-              <button
-                type="button"
-                onClick={() => setSupplyModalOpen(true)}
-                className="shrink-0 rounded-md border border-zinc-300 bg-white/90 px-2.5 py-1 text-xs font-medium text-zinc-800 shadow-sm hover:bg-white dark:border-zinc-600 dark:bg-zinc-900/90 dark:text-zinc-100 dark:hover:bg-zinc-900"
-              >
-                Add supply
-              </button>
+              {!readOnly ? (
+                <button
+                  type="button"
+                  onClick={() => setSupplyModalOpen(true)}
+                  className="shrink-0 rounded-md border border-zinc-300 bg-white/90 px-2.5 py-1 text-xs font-medium text-zinc-800 shadow-sm hover:bg-white dark:border-zinc-600 dark:bg-zinc-900/90 dark:text-zinc-100 dark:hover:bg-zinc-900"
+                >
+                  Add supply
+                </button>
+              ) : null}
             </div>
             <div className="mt-2 text-sm tabular-nums text-zinc-900 dark:text-zinc-100">
               <p className="font-mono">
@@ -999,7 +1003,7 @@ export function AdminLedger({
         </div>
       ) : null}
 
-      {supplyModalOpen ? (
+      {supplyModalOpen && !readOnly ? (
         <div
           className="fixed inset-0 z-[9998] flex items-center justify-center bg-black/40 p-4"
           role="presentation"