From ba64b97136e17df46056eac643e4f022745f1a77 Mon Sep 17 00:00:00 2001
From: Dominic Zimmer <zimmer@depend.uni-saarland.de>
Date: Sat, 3 Jan 2026 19:06:19 +0100
Subject: [PATCH] Add extraData example

---
 src/PartyContext.tsx |  2 ++
 src/PartyPage.tsx    | 22 ++++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/PartyContext.tsx b/src/PartyContext.tsx
index daf8eae..1d0f790 100644
--- a/src/PartyContext.tsx
+++ b/src/PartyContext.tsx
@@ -36,6 +36,8 @@ export type APIEndPoint = { partyName: string, token: string };
 
 // Adapt this type to your desires
 export type SelfStatusExtraData = {
+  /* Example type: */
+  /* plusone: string; */
 };
 
 export const PartyContextProvider: React.FC<{ children: React.ReactNode }> = (props) => {
diff --git a/src/PartyPage.tsx b/src/PartyPage.tsx
index 36d53ea..0ffb129 100644
--- a/src/PartyPage.tsx
+++ b/src/PartyPage.tsx
@@ -26,5 +26,27 @@ export const PartyPage: React.FC = () => {
                 </button>
             </div>
         </p>
+        {/*
+            Example usage of extraData:
+        <div>
+            <button onClick={() => {
+              const lastNum = parseInt(selfStatus.extra?.["plusone"] ?? "NaN");
+              if (isNaN(lastNum) || lastNum <= 0) return;
+              update({extra:{plusone: "" + (lastNum - 1)}});
+            }}>
+              -1
+            </button>
+            <button onClick={() => update({extra:{plusone: "1"}})}>
+              Du bringst {selfStatus.extra?.["plusone"] ?? "undefined"} Plus-Eins
+            </button>
+            <button onClick={() => {
+              const lastNum = parseInt(selfStatus.extra?.["plusone"] ?? "NaN");
+              if (isNaN(lastNum)) return;
+              update({extra:{plusone: "" + (lastNum + 1)}});
+            }}>
+              +1
+            </button>
+        </div>
+        */}
     </div>
 };