RPS-85 Ignore NAGS lines.

src/components/molecules/jobs-detail-description/jobs-detail-description.molecule.jsx

@@ -57,6 +57,9 @@ export default function JobsDetailDescriptionMolecule({ loading, job }) {
           <Descriptions.Item label="Last Updated">
             <TimeAgoFormatter>{job.updated_at}</TimeAgoFormatter>
           </Descriptions.Item>
+          <Descriptions.Item label="# RPS Eligible Parts">
+            {job && job.joblines.filter((i) => !i.ignore).length}
+          </Descriptions.Item>
         </Descriptions>
       </PageHeader>
     </div>

src/components/molecules/jobs-lines-table/jobs-lines-table.molecule.jsx

@@ -169,19 +169,6 @@ export default function JobLinesTableMolecule({ loading, job }) {
           x: true,
           y: "20rem",
         }}
-        // summary={
-        //   () => (
-        //   <Table.Summary.Row>
-        //     <Table.Summary.Cell index={0}>Summary</Table.Summary.Cell>
-        //     <Table.Summary.Cell index={5}>
-        //       This is a summary content
-        //     </Table.Summary.Cell>
-        //     <Table.Summary.Cell index={6}>
-        //       This is a summary content
-        //     </Table.Summary.Cell>
-        //   </Table.Summary.Row>
-        // )
-        // }
       />
     </div>
   );

src/components/molecules/jobs-targets-stats/jobs-targets-stats.molecule.jsx

@@ -45,6 +45,9 @@ export function JobsTargetsStatsMolecule({
         errorMessage="It looks like this job doesn't exist."
       />
     );
+
+  const targetRpsDollars = dbPriceSum.percentage(selectedJobTargetPc * 100);
+  const dollarDiff = jobRpsDollars.subtract(targetRpsDollars);
   return (
     <div
       style={{
@@ -77,13 +80,22 @@ export function JobsTargetsStatsMolecule({
         <Statistic
           title="Target RPS $"
           style={{ margin: "0rem .5rem" }}
-          value={dbPriceSum.percentage(selectedJobTargetPc * 100).toFormat()}
+          value={targetRpsDollars.toFormat()}
         />
         <Statistic
           title="Current RPS $"
           style={{ margin: "0rem .5rem" }}
           value={jobRpsDollars.toFormat()}
         />
+        <Statistic
+          title="Diff."
+          style={{ margin: "0rem .5rem" }}
+          valueStyle={{
+            color:
+              dollarDiff && dollarDiff.getAmount() <= 0 ? "tomato" : "seagreen",
+          }}
+          value={dollarDiff && dollarDiff.toFormat()}
+        />
       </div>
       <div style={{ display: "flex" }}>
         <Statistic

src/components/organisms/sider-menu/sider-menu.organism.jsx

@@ -30,11 +30,12 @@ export default function SiderMenuOrganism() {
       <Menu.Item key="/settings" icon={<SettingFilled />}>
         <Link to="/settings">Settings</Link>
       </Menu.Item>
-      <SiderSignOut />
+
       <Menu.Divider />
+      <SiderSignOut style={{ color: "tomato" }} />
       <Menu.Item
-        key="3"
-        icon={<CloseOutlined />}
+        key="3" style={{ color: "tomato" }}
+        icon={<CloseOutlined style={{ color: "tomato" }}/>}
         onClick={() => {
           ipcRenderer.send(ipcTypes.default.quit);
         }}