feat: Build a container block that shows all the staging operations w…

…ith a commit button #116
Chia-Network · Dec 27, 2021 · 94125af · 94125af
1 parent a55f522
commit 94125af
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 10 deletions.
diff --git a/src/components/blocks/StagingDataTable.js b/src/components/blocks/StagingDataTable.js
@@ -76,7 +76,12 @@ const StagingDataTableContainer = styled('div')`
   overflow-x: scroll;
 `;
 
-const ChangeGroupHeader = ({ headings, appStore, onClick }) => {
+const ChangeGroupHeader = ({
+  headings,
+  appStore,
+  onClick,
+  deleteStgingIsVisible,
+}) => {
   return (
     <THead selectedTheme={appStore.theme}>
       <Tr color="gray">
@@ -90,9 +95,11 @@ const ChangeGroupHeader = ({ headings, appStore, onClick }) => {
           ))}
         <Th selectedTheme={appStore.theme}>
           <TableCellHeaderText>
-            <div onClick={onClick}>
-              <MinusIcon width={16} height={16} />
-            </div>
+            {deleteStgingIsVisible && (
+              <div onClick={onClick}>
+                <MinusIcon width={16} height={16} />
+              </div>
+            )}
           </TableCellHeaderText>
         </Th>
       </Tr>
@@ -133,6 +140,7 @@ const StagingDataTable = withTheme(({ headings, data, deleteStagingData }) => {
               headings={headings}
               appStore={appStore}
               onClick={() => deleteStagingData(changeGroup.uuid)}
+              deleteStgingIsVisible={deleteStagingData && true}
             />
             <tbody>
               {changeGroup.action === 'DELETE' && (

diff --git a/src/pages/Projects/index.js b/src/pages/Projects/index.js
@@ -18,6 +18,7 @@ import {
   getProjects,
   getStagingData,
   deleteStagingData,
+  commitStagingData,
 } from '../../store/actions/climateWarehouseActions';
 
 const headings = [
@@ -72,12 +73,21 @@ const Projects = withRouter(({ history }) => {
           <Tag body="Unit Text" closeable />
           <Tag body="Unit Text" closeable />
         </div>
-        <PrimaryButton
-          label="Create"
-          size="large"
-          icon={<AddIcon width="16.13" height="16.88" fill="#ffffff" />}
-          onClick={() => history.push('/projects/add')}
-        />
+        {tabValue === 0 && (
+          <PrimaryButton
+            label="Create"
+            size="large"
+            icon={<AddIcon width="16.13" height="16.88" fill="#ffffff" />}
+            onClick={() => history.push('/projects/add')}
+          />
+        )}
+        {tabValue === 1 && (
+          <PrimaryButton
+            label="Commit staging"
+            size="large"
+            onClick={() => dispatch(commitStagingData())}
+          />
+        )}
       </div>
       <div>
         <Tabs