new: usr: a new feature came up - the abandoned plays can be restored, if both users are registered users #7

assets/js/components/BattleDialog.jsx

@@ -78,10 +78,13 @@ export default function BattleDialog({ games }) {
 
   const meta = RESULT_META[game.result] ?? RESULT_META.draw;
   const resign = game.resign;
+  const maxPoints = Math.max(game.redPoints ?? 0, game.bluePoints ?? 0);
   const endReason = resign
     ? `${resign.charAt(0).toUpperCase() + resign.slice(1)} resigned`
-    : 'Points';
+    : 26 <= maxPoints ? 'Points' : 'Abandoned';
   const shareUrl = `${window.location.origin}/battle/${game.uuid}`;
+  const canContinue = !resign && 26 > maxPoints;
+  const playUrl = `${window.location.origin}/play/${game.uuid}`;
 
   const formatDuration = (from, to) => {
     if (!from || !to) return null;
@@ -120,15 +123,27 @@ export default function BattleDialog({ games }) {
               </h2>
             </div>
             <div style={{ display: 'flex', gap: 8 }}>
-              <button
-                className={`bd-share${copied ? ' bd-share--copied' : ''}`}
-                onClick={handleShare}
-                aria-label="Copy share link"
-                title="Copy share link"
-              >
-                <i className={`fa ${copied ? 'fa-check' : 'fa-share-alt'}`} />
-                {copied ? 'Copied!' : 'Share'}
-              </button>
+              {canContinue ? (
+                <a
+                  className="bd-continue"
+                  href={playUrl}
+                  aria-label="Continue the game"
+                  title="Continue the game"
+                >
+                  <i className="fa fa-play" />
+                  Continue
+                </a>
+              ) : (
+                <button
+                  className={`bd-share${copied ? ' bd-share--copied' : ''}`}
+                  onClick={handleShare}
+                  aria-label="Copy share link"
+                  title="Copy share link"
+                >
+                  <i className={`fa ${copied ? 'fa-check' : 'fa-share-alt'}`} />
+                  {copied ? 'Copied!' : 'Share'}
+                </button>
+              )}
               <button className="bd-close" onClick={() => setOpen(false)} aria-label="Close">
                 <i className="fa fa-times" />
               </button>