Spaces:
Running
Running
wip
Browse files- frontend/src/App.jsx +10 -8
frontend/src/App.jsx
CHANGED
|
@@ -765,25 +765,27 @@ export function App() {
|
|
| 765 |
</p>
|
| 766 |
<div className="draft-choice-cards">
|
| 767 |
{(() => {
|
|
|
|
|
|
|
|
|
|
| 768 |
const draftBSentenceSet = new Set(
|
| 769 |
(draftChoices.drafts[1]?.sentences ?? []).map((s) => s.sentence.trim())
|
| 770 |
);
|
| 771 |
-
return draftChoices.drafts.map((draft, index) => {
|
| 772 |
const isDraftA = index === 0;
|
|
|
|
| 773 |
return (
|
| 774 |
<div key={index} className="draft-card">
|
| 775 |
<div className="draft-card-header-row">
|
| 776 |
<p className="draft-card-label">Draft {isDraftA ? "A" : "B"}</p>
|
| 777 |
-
|
| 778 |
-
<
|
| 779 |
-
|
| 780 |
-
</p>
|
| 781 |
-
)}
|
| 782 |
</div>
|
| 783 |
<p className="draft-card-body">
|
| 784 |
-
{
|
| 785 |
? draft.sentences.map((s, si) => {
|
| 786 |
-
const changed = !
|
| 787 |
return (
|
| 788 |
<span
|
| 789 |
key={si}
|
|
|
|
| 765 |
</p>
|
| 766 |
<div className="draft-choice-cards">
|
| 767 |
{(() => {
|
| 768 |
+
const draftASentenceSet = new Set(
|
| 769 |
+
(draftChoices.drafts[0]?.sentences ?? []).map((s) => s.sentence.trim())
|
| 770 |
+
);
|
| 771 |
const draftBSentenceSet = new Set(
|
| 772 |
(draftChoices.drafts[1]?.sentences ?? []).map((s) => s.sentence.trim())
|
| 773 |
);
|
| 774 |
+
return draftChoices.drafts.map((draft, index) => {
|
| 775 |
const isDraftA = index === 0;
|
| 776 |
+
const otherSet = isDraftA ? draftBSentenceSet : draftASentenceSet;
|
| 777 |
return (
|
| 778 |
<div key={index} className="draft-card">
|
| 779 |
<div className="draft-card-header-row">
|
| 780 |
<p className="draft-card-label">Draft {isDraftA ? "A" : "B"}</p>
|
| 781 |
+
<p className="draft-card-legend">
|
| 782 |
+
<span className="draft-sentence-changed draft-legend-swatch" /> changed
|
| 783 |
+
</p>
|
|
|
|
|
|
|
| 784 |
</div>
|
| 785 |
<p className="draft-card-body">
|
| 786 |
+
{draft.sentences.length > 0
|
| 787 |
? draft.sentences.map((s, si) => {
|
| 788 |
+
const changed = !otherSet.has(s.sentence.trim());
|
| 789 |
return (
|
| 790 |
<span
|
| 791 |
key={si}
|