correctly display if question is starred

qbreader · Jul 27, 2024 · afab556 · afab556
1 parent aa1209b
commit afab556
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/client/database/BonusCard.js b/client/database/BonusCard.js
@@ -2,6 +2,8 @@ import account from '../scripts/accounts.js';
 import { stringifyBonus } from './stringify.js';
 import { getBonusPartLabel } from '../scripts/utilities/index.js';
 import Star from './Star.js';
+import star from '../scripts/auth/star.js';
+const starredBonusIds = new Set(await star.getStarredBonusIds());
 export default function BonusCard({
   bonus,
   highlightedBonus,
@@ -96,9 +98,10 @@ export default function BonusCard({
     "data-bs-toggle": "collapse",
     "data-bs-target": `#question-${_id}`
   }, "Packet ", bonus.packet.number, " |"), /*#__PURE__*/React.createElement("span", null, " "), /*#__PURE__*/React.createElement(Star, {
+    key: _id,
     _id: _id,
     questionType: "bonus",
-    initiallyStarred: false
+    initiallyStarred: starredBonusIds.has(_id)
   }))), /*#__PURE__*/React.createElement("div", {
     className: "card-container collapse show",
     id: `question-${_id}`

diff --git a/client/database/BonusCard.jsx b/client/database/BonusCard.jsx
@@ -2,6 +2,9 @@ import account from '../scripts/accounts.js';
 import { stringifyBonus } from './stringify.js';
 import { getBonusPartLabel } from '../scripts/utilities/index.js';
 import Star from './Star.js';
+import star from '../scripts/auth/star.js';
+
+const starredBonusIds = new Set(await star.getStarredBonusIds());
 
 export default function BonusCard ({ bonus, highlightedBonus, hideAnswerlines, showCardFooter, fontSize = 16 }) {
   const _id = bonus._id;
@@ -97,7 +100,7 @@ export default function BonusCard ({ bonus, highlightedBonus, hideAnswerlines, s
             Packet {bonus.packet.number} |
           </b>
           <span> </span>
-          <Star _id={_id} questionType='bonus' initiallyStarred={false} />
+          <Star key={_id} _id={_id} questionType='bonus' initiallyStarred={starredBonusIds.has(_id)} />
         </span>
       </div>
       <div className='card-container collapse show' id={`question-${_id}`}>

diff --git a/client/database/TossupCard.js b/client/database/TossupCard.js
@@ -1,6 +1,8 @@
 import account from '../scripts/accounts.js';
 import { stringifyTossup } from './stringify.js';
 import Star from './Star.js';
+import star from '../scripts/auth/star.js';
+const starredTossupIds = new Set(await star.getStarredTossupIds());
 export default function TossupCard({
   tossup,
   highlightedTossup,
@@ -91,9 +93,10 @@ export default function TossupCard({
     "data-bs-toggle": "collapse",
     "data-bs-target": `#question-${_id}`
   }, "Packet ", tossup.packet.number, " |"), /*#__PURE__*/React.createElement("span", null, " "), /*#__PURE__*/React.createElement(Star, {
+    key: _id,
     _id: _id,
     questionType: "tossup",
-    initiallyStarred: false
+    initiallyStarred: starredTossupIds.has(_id)
   }))), /*#__PURE__*/React.createElement("div", {
     className: "card-container collapse show",
     id: `question-${_id}`

diff --git a/client/database/TossupCard.jsx b/client/database/TossupCard.jsx
@@ -1,6 +1,9 @@
 import account from '../scripts/accounts.js';
 import { stringifyTossup } from './stringify.js';
 import Star from './Star.js';
+import star from '../scripts/auth/star.js';
+
+const starredTossupIds = new Set(await star.getStarredTossupIds());
 
 export default function TossupCard ({ tossup, highlightedTossup, hideAnswerline, showCardFooter, fontSize = 16 }) {
   const _id = tossup._id;
@@ -91,7 +94,7 @@ export default function TossupCard ({ tossup, highlightedTossup, hideAnswerline,
             Packet {tossup.packet.number} |
           </b>
           <span> </span>
-          <Star _id={_id} questionType='tossup' initiallyStarred={false} />
+          <Star key={_id} _id={_id} questionType='tossup' initiallyStarred={starredTossupIds.has(_id)} />
         </span>
       </div>
       <div className='card-container collapse show' id={`question-${_id}`}>