34785 Progress

- Added draft Mapped Data table
AAFC-BICoE · Jan 20, 2025 · 7c2915f · 7c2915f
1 parent aa2037f
commit 7c2915f
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 1 deletion.
diff --git a/packages/dina-ui/components/molecular-analysis/DataPasteZone.tsx b/packages/dina-ui/components/molecular-analysis/DataPasteZone.tsx
@@ -81,6 +81,67 @@ export default function DataPasteZone({}: DataPasteZoneProps) {
               </tbody>
             </table>
           </div>
+          <div
+            style={{
+              outlineColor: "black",
+              outline: "solid",
+              borderRadius: "5px"
+            }}
+            className="col-md-1"
+          >
+            {">>"}
+          </div>
+          <div className="col-md-5">
+            <FieldHeader name={"mappedData"} />
+            <table
+              style={{
+                width: "100%",
+                borderCollapse: "collapse",
+                marginTop: "20px"
+              }}
+            >
+              <thead>
+                <tr>
+                  <th
+                    style={{
+                      border: "1px solid #ccc",
+                      padding: "8px",
+                      backgroundColor: "#f4f4f4"
+                    }}
+                  >
+                    "Original"
+                  </th>
+                  <th
+                    style={{
+                      border: "1px solid #ccc",
+                      padding: "8px",
+                      backgroundColor: "#f4f4f4"
+                    }}
+                  >
+                    "Mapped"
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                {tableData.slice(1).map((row, rowIndex) => (
+                  <tr key={rowIndex}>
+                    {row.map((cell, cellIndex) => (
+                      <td
+                        key={cellIndex}
+                        style={{
+                          border: "1px solid #ccc",
+                          padding: "8px",
+                          textAlign: "left"
+                        }}
+                      >
+                        {cell}
+                      </td>
+                    ))}
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
         </div>
       )}
     </div>

diff --git a/packages/dina-ui/intl/dina-ui-en.ts b/packages/dina-ui/intl/dina-ui-en.ts
@@ -1182,5 +1182,6 @@ export const DINAUI_MESSAGES_ENGLISH = {
   addButtonText: "Add",
   removeButtonText: "Remove",
   extractedData: "Extracted Data",
-  dataPasteZone: "Data Paste Zone"
+  dataPasteZone: "Data Paste Zone",
+  mappedData: "Mapped Data"
 };