foreman-tasks 0.16.0 → 0.16.1

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/PausedTasksCard/PausedTasksCard.js

@@ -4,7 +4,12 @@ import { translate as __ } from 'foremanReact/common/I18n';
 import TasksDonutCard from '../TasksDonutCard/TasksDonutCard';
 
 const PausedTasksCard = ({ ...props }) => (
-  <TasksDonutCard title={__('Paused')} wantedQueryState="paused" {...props} />
+  <TasksDonutCard
+    title={__('Paused')}
+    wantedQueryState="paused"
+    id="paused-tasks-card"
+    {...props}
+  />
 );
 
 const filterUnwantedFields = obj => {

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/PausedTasksCard/__snapshots__/PausedTasksCard.test.js.snap

@@ -9,6 +9,7 @@ exports[`PausedTasksCard render with minimal props 1`] = `
       "older": 0,
     }
   }
+  id="paused-tasks-card"
   query={Object {}}
   time="H24"
   title="Paused"
@@ -26,6 +27,7 @@ exports[`PausedTasksCard render with some props 1`] = `
       "older": 0,
     }
   }
+  id="paused-tasks-card"
   query={Object {}}
   some="prop"
   time="H24"

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/RunningTasksCard/RunningTasksCard.js

@@ -4,7 +4,12 @@ import { translate as __ } from 'foremanReact/common/I18n';
 import TasksDonutCard from '../TasksDonutCard/TasksDonutCard';
 
 const RunningTasksCard = ({ ...props }) => (
-  <TasksDonutCard title={__('Running')} wantedQueryState="running" {...props} />
+  <TasksDonutCard
+    title={__('Running')}
+    wantedQueryState="running"
+    id="running-tasks-card"
+    {...props}
+  />
 );
 
 const filterUnwantedFields = obj => {

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/RunningTasksCard/__snapshots__/RunningTasksCard.test.js.snap

@@ -9,6 +9,7 @@ exports[`RunningTasksCard render with minimal props 1`] = `
       "older": 0,
     }
   }
+  id="running-tasks-card"
   query={Object {}}
   time="H24"
   title="Running"
@@ -26,6 +27,7 @@ exports[`RunningTasksCard render with some props 1`] = `
       "older": 0,
     }
   }
+  id="running-tasks-card"
   query={Object {}}
   some="prop"
   time="H24"

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/ScheduledTasksCard/ScheduledTasksCard.js

@@ -27,18 +27,15 @@ const ScheduledTasksCard = ({
         className,
         {
           'selected-tasks-card': query.state === SCHEDULED,
+          'not-focused': query.state && query.state !== SCHEDULED,
         }
       )}
       {...props}
+      id="scheduled-tasks-card"
     >
       <Card.Title onClick={onClick}>{__('Scheduled')}</Card.Title>
       <Card.Body>
-        <div
-          className={classNames('scheduled-data', {
-            'not-focused': query.state && query.state !== SCHEDULED,
-          })}
-          onClick={onClick}
-        >
+        <div className="scheduled-data" onClick={onClick}>
           {data}
           <p>{__('Total')}</p>
         </div>

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/ScheduledTasksCard/ScheduledTasksCard.scss

@@ -1,8 +1,5 @@
 .scheduled-tasks-card {
   text-align: center;
-  .not-focused {
-    opacity: 0.3;
-  }
   .scheduled-data {
     padding-right: 15px;
     cursor: pointer;

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/ScheduledTasksCard/__snapshots__/ScheduledTasksCard.test.js.snap

@@ -7,6 +7,7 @@ exports[`ScheduledTasksCard render selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card scheduled-tasks-card selected-tasks-card"
+  id="scheduled-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -38,6 +39,7 @@ exports[`ScheduledTasksCard render with minimal props 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card scheduled-tasks-card"
+  id="scheduled-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -69,6 +71,7 @@ exports[`ScheduledTasksCard render with props 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card scheduled-tasks-card some-class"
+  id="scheduled-tasks-card"
   matchHeight={false}
 >
   <CardTitle

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/StoppedTasksCard.js

@@ -34,9 +34,11 @@ const StoppedTasksCard = ({
         className,
         {
           'selected-tasks-card': query.state === STOPPED,
+          'not-focused': query.state && query.state !== STOPPED,
         }
       )}
       {...props}
+      id="stopped-tasks-card"
     >
       <Card.Title onClick={() => updateQuery({ state: STOPPED })}>
         {__('Stopped')}

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/StoppedTasksCard.scss

@@ -4,10 +4,6 @@
     border: none;
     table-layout: fixed;
 
-    .not-focused {
-      opacity: 0.3;
-    }
-
     thead {
       background-color: transparent;
       background-image: none;

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/StoppedTasksCardHelper.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { capitalize } from 'lodash';
 import classNames from 'classnames';
-import { Icon } from 'patternfly-react';
+import { Icon, Button } from 'patternfly-react';
 import {
   TASKS_DASHBOARD_AVAILABLE_QUERY_STATES,
   TASKS_DASHBOARD_AVAILABLE_QUERY_MODES,
@@ -40,7 +40,7 @@ export const StoppedTable = (data, query, time, updateQuery) =>
           })}
           onClick={() => updateQuery({ state: STOPPED, result })}
         >
-          {total}
+          <Button bsStyle="link">{total}</Button>
         </td>
         <td
           className={classNames('data-col', {
@@ -56,7 +56,7 @@ export const StoppedTable = (data, query, time, updateQuery) =>
             })
           }
         >
-          {last}
+          <Button bsStyle="link">{last}</Button>
         </td>
       </tr>
     );

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/__snapshots__/StoppedTasksCard.test.js.snap

@@ -7,6 +7,7 @@ exports[`StoppedTasksCard render error-last selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -47,13 +48,29 @@ exports[`StoppedTasksCard render error-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -70,13 +87,29 @@ exports[`StoppedTasksCard render error-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -93,13 +126,29 @@ exports[`StoppedTasksCard render error-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -115,6 +164,7 @@ exports[`StoppedTasksCard render error-total selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -155,13 +205,29 @@ exports[`StoppedTasksCard render error-total selected 1`] = `
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -178,13 +244,29 @@ exports[`StoppedTasksCard render error-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -201,13 +283,29 @@ exports[`StoppedTasksCard render error-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -223,6 +321,7 @@ exports[`StoppedTasksCard render selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -263,13 +362,29 @@ exports[`StoppedTasksCard render selected 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -286,13 +401,29 @@ exports[`StoppedTasksCard render selected 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -309,13 +440,29 @@ exports[`StoppedTasksCard render selected 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -331,6 +478,7 @@ exports[`StoppedTasksCard render success-last selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -371,13 +519,29 @@ exports[`StoppedTasksCard render success-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -394,13 +558,29 @@ exports[`StoppedTasksCard render success-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -417,13 +597,29 @@ exports[`StoppedTasksCard render success-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -439,6 +635,7 @@ exports[`StoppedTasksCard render success-total selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -479,13 +676,29 @@ exports[`StoppedTasksCard render success-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -502,13 +715,29 @@ exports[`StoppedTasksCard render success-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -525,13 +754,29 @@ exports[`StoppedTasksCard render success-total selected 1`] = `
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -547,6 +792,7 @@ exports[`StoppedTasksCard render warning-last selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -587,13 +833,29 @@ exports[`StoppedTasksCard render warning-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -610,13 +872,29 @@ exports[`StoppedTasksCard render warning-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -633,13 +911,29 @@ exports[`StoppedTasksCard render warning-last selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -655,6 +949,7 @@ exports[`StoppedTasksCard render warning-total selected 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -695,13 +990,29 @@ exports[`StoppedTasksCard render warning-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -718,13 +1029,29 @@ exports[`StoppedTasksCard render warning-total selected 1`] = `
             className="data-col active"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -741,13 +1068,29 @@ exports[`StoppedTasksCard render warning-total selected 1`] = `
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col not-focused"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -763,6 +1106,7 @@ exports[`StoppedTasksCard render with minimal props 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -803,13 +1147,29 @@ exports[`StoppedTasksCard render with minimal props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -826,13 +1186,29 @@ exports[`StoppedTasksCard render with minimal props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
         <tr
@@ -849,13 +1225,29 @@ exports[`StoppedTasksCard render with minimal props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            0
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              0
+            </Button>
           </td>
         </tr>
       </tbody>
@@ -871,6 +1263,7 @@ exports[`StoppedTasksCard render with props 1`] = `
   aggregatedMini={false}
   cardRef={null}
   className="tasks-donut-card stopped-tasks-card"
+  id="stopped-tasks-card"
   matchHeight={false}
 >
   <CardTitle
@@ -911,13 +1304,29 @@ exports[`StoppedTasksCard render with props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            9
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              9
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            1
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              1
+            </Button>
           </td>
         </tr>
         <tr
@@ -934,13 +1343,29 @@ exports[`StoppedTasksCard render with props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            8
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              8
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            2
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              2
+            </Button>
           </td>
         </tr>
         <tr
@@ -957,13 +1382,29 @@ exports[`StoppedTasksCard render with props 1`] = `
             className="data-col"
             onClick={[Function]}
           >
-            7
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              7
+            </Button>
           </td>
           <td
             className="data-col"
             onClick={[Function]}
           >
-            3
+            <Button
+              active={false}
+              block={false}
+              bsClass="btn"
+              bsStyle="link"
+              disabled={false}
+            >
+              3
+            </Button>
           </td>
         </tr>
       </tbody>