fix points view

dist/index.mjs

@@ -1736,7 +1736,7 @@ const jn = it((e, t) => {
       className: `text-xs flex items-center justify-center font-bold cursor-pointer mr-1 w-6 h-6 rounded-full border-4 border-${x}-500 ${o && f && f[o.Name] === x ? `bg-${f[o.Name]}-500` : ""}`,
       onClick: () => D(x)
     },
-    s && ["LongestPath", "MostCrossings"].includes(s.MoreData.Variant) ? s.MoreData.Points[x] : ""
+    s && s.MoreData && s.MoreData.Points ? s.MoreData.Points[x] : ""
   )) : null), /* @__PURE__ */ l.createElement("div", { className: `font-extrabold ${s && f && o && f[o.Name] && s.Winners.length === 0 ? `text-${s.Turn}-500` : "text-zinc-100"} ${s && o && f && f[o.Name] === s.Turn && s.Winners.length === 0 ? "animate-pulse" : ""}` }, s && f && o && f[o.Name] ? s.Message : /* @__PURE__ */ l.createElement("div", { className: "flex items-center animate-pulse" }, /* @__PURE__ */ l.createElement(Pn, { className: "mr-1" }), /* @__PURE__ */ l.createElement("div", null, "select a team")))), /* @__PURE__ */ l.createElement("div", { className: "h-full flex flex-col justify-center items-center grow" }, d), /* @__PURE__ */ l.createElement("hr", { className: "w-full mb-2" }), /* @__PURE__ */ l.createElement("div", { className: "w-full flex justify-between items-center" }, /* @__PURE__ */ l.createElement("div", { className: `leading-4 text-2xl font-black text-${n.color} cursor-pointer` }, /* @__PURE__ */ l.createElement("a", { href: `${window.location.protocol}//${window.location.host}` }, /* @__PURE__ */ l.createElement("span", { className: `font-['${n.font}']` }, n.key), /* @__PURE__ */ l.createElement("span", { className: "ml-1 text-[0.5rem] md:text-xs text-zinc-100" }, s && s.MoreData && s.MoreData.Variant ? s.MoreData.Variant : ""))), /* @__PURE__ */ l.createElement("div", { className: "flex" }, /* @__PURE__ */ l.createElement("div", { className: "flex" }, /* @__PURE__ */ l.createElement("div", { className: `px-3 py-1 font-bold cursor-pointer flex items-center justify-center text-xs bg-zinc-600 mr-2 ${s && s.Winners.length > 0 ? "animate-pulse" : ""}`, onClick: () => Z() }, "new game")), /* @__PURE__ */ l.createElement("div", { className: "italic text-xs bg-blue-500 py-1 px-2" }, /* @__PURE__ */ l.createElement("a", { href: "https://quibbble.com" }, "more ", /* @__PURE__ */ l.createElement("span", { className: "font-['lobster'] text-sm not-italic" }, "quibbble"), " games"))))));
 });
 export {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quibbble/boardgame",
   "private": false,
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "React component library for Quibbble boardgames.",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",

src/components/GamePage/GamePage.jsx

@@ -132,7 +132,7 @@ export const GamePage = forwardRef((props, ref) => {
                               <div key={ el } 
                                     className={ `text-xs flex items-center justify-center font-bold cursor-pointer mr-1 w-6 h-6 rounded-full border-4 border-${ el }-500 ${ network && connected && connected[network.Name] === el  ? `bg-${ connected[network.Name] }-500` : "" }` } 
                                     onClick={ () => setTeam(el) }>
-                                       { game && ["LongestPath", "MostCrossings"].includes(game.MoreData.Variant) ? game.MoreData.Points[el] : "" }
+                                       { game && game.MoreData && game.MoreData.Points ? game.MoreData.Points[el] : "" }
                               </div>) : null 
                      }
                   </div>
@@ -148,8 +148,8 @@ export const GamePage = forwardRef((props, ref) => {
                   </div>
                </div>
 
-               {/* Individual game logic goes here */}
                <div className="h-full flex flex-col justify-center items-center grow">
+                  {/* unique game components go here */}
                   { children }
                </div>