added border to table

NEAR-DevHub · Jan 2, 2024 · 1806da2 · 1806da2
1 parent f236812
commit 1806da2
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 35 deletions.
diff --git a/src/devhub/entity/addon/kanban/post_board.jsx b/src/devhub/entity/addon/kanban/post_board.jsx
@@ -73,7 +73,7 @@ const KanbanPostBoard = ({ metadata, payload }) => {
 
           {expandTables[columnId] !== false && column.postIds?.length > 0 && (
             <div className="card-body w-100" style={{ overflow: "scroll" }}>
-              <table className="table">
+              <table className="table table-bordered">
                 <thead>
                   <tr>
                     <th>Title</th>
@@ -83,26 +83,27 @@ const KanbanPostBoard = ({ metadata, payload }) => {
                     {showTags[columnId] && <th>Tags</th>}
                   </tr>
                 </thead>
-
-                {column.postIds?.map((postId) => (
-                  <Widget
-                    src={`${REPL_DEVHUB}/widget/devhub.entity.addon.${metadata.ticket.type}`}
-                    props={{
-                      setDescriptionDisplay,
-                      setFundingDisplay,
-                      setSponsorDisplay,
-                      setTagsDisplay,
-                      showDescriptionState: showDescription,
-                      showFundingState: showFunding,
-                      showSponsorState: showSponsor,
-                      showTagsState: showTags,
-                      metadata: { id: postId, ...metadata.ticket },
-                      isTableView: true,
-                      columnId,
-                    }}
-                    key={postId}
-                  />
-                ))}
+                <tbody>
+                  {column.postIds?.map((postId) => (
+                    <Widget
+                      src={`${REPL_DEVHUB}/widget/devhub.entity.addon.${metadata.ticket.type}`}
+                      props={{
+                        setDescriptionDisplay,
+                        setFundingDisplay,
+                        setSponsorDisplay,
+                        setTagsDisplay,
+                        showDescriptionState: showDescription,
+                        showFundingState: showFunding,
+                        showSponsorState: showSponsor,
+                        showTagsState: showTags,
+                        metadata: { id: postId, ...metadata.ticket },
+                        isTableView: true,
+                        columnId,
+                      }}
+                      key={postId}
+                    />
+                  ))}
+                </tbody>
               </table>
             </div>
           )}

diff --git a/src/devhub/entity/addon/kanban/post_ticket.jsx b/src/devhub/entity/addon/kanban/post_ticket.jsx
@@ -275,20 +275,18 @@ const KanbanPostTicket = ({ metadata }) => {
     }
 
     return (
-      <tbody>
-        <tr>
-          <td>{titleArea}</td>
-          {showDescriptionState[columnId] && <td>{descriptionArea} </td>}
-          {showFundingState[columnId] && (
-            <td>
-              {sponsorshipRequestIndicator}
-              {sponsorshipValue}
-            </td>
-          )}
-          {showSponsorState[columnId] && <td>{requestedSponsor}</td>}
-          {showTagsState[columnId] && <td>{tagList}</td>}
-        </tr>
-      </tbody>
+      <tr>
+        <td>{titleArea}</td>
+        {showDescriptionState[columnId] && <td>{descriptionArea} </td>}
+        {showFundingState[columnId] && (
+          <td>
+            {sponsorshipRequestIndicator}
+            {sponsorshipValue}
+          </td>
+        )}
+        {showSponsorState[columnId] && <td>{requestedSponsor}</td>}
+        {showTagsState[columnId] && <td>{tagList}</td>}
+      </tr>
     );
   }
   return (