feat : diff table demo

grey-box · Aug 17, 2024 · 7a7cdd7 · 7a7cdd7
1 parent 16645d1
commit 7a7cdd7
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 17 deletions.
diff --git a/ui/forge.config.js b/ui/forge.config.js
@@ -5,7 +5,7 @@ module.exports = {
       config: {
         repository: {
           owner: 'frankfarsi',
-          name: 'project-symmetry-semantic-comparison-alpha'
+          name: 'symmetry'
         },
         prerelease: false,
         draft: true

diff --git a/ui/package.json b/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "project_symmetry",
-  "productName": "symmetry",
+  "productName": "project_symmetry",
   "version": "1.0.5",
   "author": "Gerybox",
   "description": "Cross language wikipedia article gap analysis tool",

diff --git a/ui/src/components/Layout.tsx b/ui/src/components/Layout.tsx
@@ -117,22 +117,25 @@ const Layout = () => {
   };
 
   return (
-      <Table>
-      <TableHeader>
-        <TableRow>
-          <TableHead className="w-1/3">Referenced Article</TableHead>
-          <TableHead>Original Article</TableHead>
+    <div>
+    <Table>
+    <TableHeader>
+      <TableRow>
+        <TableHead className="w-1/3">Referenced Article</TableHead>
+        <TableHead>Original Article</TableHead>
+      </TableRow>
+    </TableHeader>
+    <TableBody>
+      {texts.map((text) => (
+        <TableRow className={getColorClass(text.suggestionType)} >
+          <TableCell className="font-medium">{text.reference}</TableCell>
+          <TableCell>{text.editing}</TableCell>
         </TableRow>
-      </TableHeader>
-      <TableBody>
-        {texts.map((text) => (
-          <TableRow className={getColorClass(text.suggestionType)} >
-            <TableCell className="font-medium">{text.reference}</TableCell>
-            <TableCell>{text.editing}</TableCell>
-          </TableRow>
-        ))}
-      </TableBody>
-    </Table>
+      ))}
+    </TableBody>
+  </Table>
+
+    </div>
 
   )
 }