Updates to all card components.

client/src/components/jobs-list/jobs-list.component.jsx

@@ -19,28 +19,28 @@ export default function JobsPage({
 
   const actionMenu = (
     <Menu>
-      <Menu.Item key='images'>
-        <Icon type='file-image' />
+      <Menu.Item key="images">
+        <Icon type="file-image" />
         {t("jobs.actions.viewJobImages")}
       </Menu.Item>
-      <Menu.Item key='printing'>
-        <Icon type='printer' />
+      <Menu.Item key="printing">
+        <Icon type="printer" />
         {t("jobs.actions.printCenter")}
       </Menu.Item>
-      <Menu.Item key='notes'>
-        <Icon type='edit' />
+      <Menu.Item key="notes">
+        <Icon type="edit" />
         {t("jobs.actions.notes")}
       </Menu.Item>
-      <Menu.Item key='postinvoices'>
-        <Icon type='shopping-cart' />
+      <Menu.Item key="postinvoices">
+        <Icon type="shopping-cart" />
         {t("jobs.actions.postInvoices")}
       </Menu.Item>
-      <Menu.Item key='receiveparts'>
-        <Icon type='inbox' />
+      <Menu.Item key="receiveparts">
+        <Icon type="inbox" />
         {t("jobs.actions.receiveParts")}
       </Menu.Item>
-      <Menu.Item key='partstatus'>
-        <Icon type='tool' />
+      <Menu.Item key="partstatus">
+        <Icon type="tool" />
         {t("jobs.actions.partStatus")}
       </Menu.Item>
     </Menu>
@@ -114,7 +114,7 @@ export default function JobsPage({
       key: "action",
       render: (text, record) => (
         <Dropdown overlay={actionMenu} trigger={["click"]}>
-          <Icon type='ellipsis' />
+          <Icon type="ellipsis" />
         </Dropdown>
       )
     }
@@ -141,13 +141,20 @@ export default function JobsPage({
 
   return (
     <div>
-      <Input name='searchCriteria' onChange={handleChange} />
+      <Input.Search
+        placeholder="Search..."
+        onSearch={value => console.log(value)}
+        enterButton
+      />
+      <br />
+
       <Table
         loading={loading}
-        pagination={{ position: "bottom" }}
+        pagination={{ position: "top" }}
         columns={columns.map(item => ({ ...item }))}
-        rowKey='id'
+        rowKey="id"
         dataSource={jobs}
+        rowSelection={{ selectedRowKeys: [selectedJob] }}
         onChange={handleTableChange}
         onRow={(record, rowIndex) => {
           return {