this repo has no description
Fix sliceOnce and add category and kink descriptions to quiz mode
+23
-3
+23
-3
public/main.tsx
+23
-3
public/main.tsx
···
144
144
145
145
if (index !== -1) {
146
146
const leftHalf = str.slice(0, index).trim();
147
-
const rightHalf = str.slice(index + 1).trim();
147
+
const rightHalf = str.slice(index + char.length).trim();
148
148
return [leftHalf, rightHalf];
149
149
}
150
150
···
704
704
</div>
705
705
</div>
706
706
<div id="InputCurrent">
707
-
<h2 id="InputCategory">{currentKink?.category.name}</h2>
708
-
<h3 id="InputField"><span class="participant">{currentKink?.participant}</span> {currentKink?.kink.name}</h3>
707
+
<h2 id="InputCategory">
708
+
{currentKink?.category.description != null ? (
709
+
<Tippy content={currentKink?.category.description}>
710
+
<span class="has-description" title={currentKink?.category.description}>
711
+
{currentKink?.category.name}
712
+
</span>
713
+
</Tippy>
714
+
) : (
715
+
<span>{currentKink?.category.name}</span>
716
+
)}
717
+
</h2>
718
+
<h3 id="InputField"><span class="participant">{currentKink?.participant}</span>
719
+
{currentKink?.kink.description != null ? (
720
+
<Tippy content={currentKink?.kink.description}>
721
+
<span class="has-description" title={currentKink?.kink.description}>
722
+
{currentKink?.kink.name}
723
+
</span>
724
+
</Tippy>
725
+
) : (
726
+
<span>{currentKink?.kink.name}</span>
727
+
)}
728
+
</h3>
709
729
<div id="InputValues">
710
730
<div>
711
731
{choiceOptions.map(([id, name, color], idx) => (