diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index 7745bf1aa..d872dc2b0 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -1,4 +1,4 @@
-<babeledit_project be_version="2.6.1" version="1.2">
+<babeledit_project version="1.2" be_version="2.6.1">
     <!--
 
     BabelEdit project file
@@ -1346,6 +1346,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>search</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>unknown</name>
                                         <definition_loaded>false</definition_loaded>
@@ -5769,6 +5790,37 @@
                             </folder_node>
                         </children>
                     </folder_node>
+                    <folder_node>
+                        <name>parts</name>
+                        <children>
+                            <folder_node>
+                                <name>actions</name>
+                                <children>
+                                    <concept_node>
+                                        <name>order</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
+                                </children>
+                            </folder_node>
+                        </children>
+                    </folder_node>
                     <folder_node>
                         <name>profile</name>
                         <children>
diff --git a/client/src/components/job-detail-cards/job-detail-cards.documents.component.jsx b/client/src/components/job-detail-cards/job-detail-cards.documents.component.jsx
index d6b57316f..5df1f41ed 100644
--- a/client/src/components/job-detail-cards/job-detail-cards.documents.component.jsx
+++ b/client/src/components/job-detail-cards/job-detail-cards.documents.component.jsx
@@ -18,13 +18,12 @@ export default function JobDetailCardsDocumentsComponent({ loading, data }) {
     <CardTemplate
       loading={loading}
       title={t("jobs.labels.cards.documents")}
-      extraLink={`/manage/jobs/${data.id}#documents`}>
-      {data.documents.count > 0 ? (
+      extraLink={`/manage/jobs/${data.id}#documents`}
+    >
+      {data.documents.length > 0 ? (
         <Carousel autoplay>
           {data.documents.map(item => (
-            <div key={item.id}>
-              <img src={item.thumb_url} alt={item.name} />
-            </div>
+            <img key={item.id} src={item.thumb_url} alt={item.name} />
           ))}
         </Carousel>
       ) : (
diff --git a/client/src/components/job-detail-cards/job-detail-cards.documents.styles.scss b/client/src/components/job-detail-cards/job-detail-cards.documents.styles.scss
index d6df79a10..18e96b32a 100644
--- a/client/src/components/job-detail-cards/job-detail-cards.documents.styles.scss
+++ b/client/src/components/job-detail-cards/job-detail-cards.documents.styles.scss
@@ -1,11 +1,12 @@
 .ant-carousel .slick-slide {
-    text-align: center;
-    height: 160px;
-    line-height: 160px;
-    background: #364d79;
-    overflow: hidden;
-  }
-  
-  .ant-carousel .slick-slide h3 {
-    color: #fff;
-  }
\ No newline at end of file
+  text-align: center;
+  height: 50px;
+  width: 50px;
+  line-height: 50px;
+  background: #364d79;
+  overflow: hidden;
+}
+
+.ant-carousel .slick-slide h3 {
+  color: #ccddaa;
+}
diff --git a/client/src/components/job-detail-lines/job-lines-cell.component.jsx b/client/src/components/job-detail-lines/job-lines-cell.component.jsx
deleted file mode 100644
index 1ea38f1b2..000000000
--- a/client/src/components/job-detail-lines/job-lines-cell.component.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from "react";
-import { Form, Input, InputNumber } from "antd";
-import JobDetailFormContext from "../../pages/jobs-detail/jobs-detail.page.context";
-
-export default class EditableCell extends React.Component {
-  getInput = () => {
-    if (this.props.inputType === "number") {
-      return <InputNumber />;
-    }
-    return <Input />;
-  };
-
-  renderCell = ({ getFieldDecorator }) => {
-    const {
-      editing,
-      dataIndex,
-      title,
-      inputType,
-      record,
-      index,
-      children,
-      ...restProps
-    } = this.props;
-    return (
-      <td {...restProps}>
-        {editing ? (
-          <Form.Item style={{ margin: 0 }}>
-            {getFieldDecorator(dataIndex, {
-              rules: [
-                {
-                  required: true,
-                  message: `Please Input ${title}!`
-                }
-              ],
-              initialValue: record[dataIndex]
-            })(this.getInput())}
-          </Form.Item>
-        ) : (
-          children
-        )}
-      </td>
-    );
-  };
-
-  render() {
-    return (
-      <JobDetailFormContext.Consumer>
-        {this.renderCell}
-      </JobDetailFormContext.Consumer>
-    );
-  }
-}
diff --git a/client/src/components/job-detail-lines/job-lines.component.jsx b/client/src/components/job-detail-lines/job-lines.component.jsx
index 97ba507a5..76d52f627 100644
--- a/client/src/components/job-detail-lines/job-lines.component.jsx
+++ b/client/src/components/job-detail-lines/job-lines.component.jsx
@@ -1,23 +1,24 @@
-import { Input, Table } from "antd";
+import { Input, Table, Button } from "antd";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
 import { alphaSort } from "../../utils/sorters";
 //import EditableCell from "./job-lines-cell.component";
 import AllocationsAssignmentContainer from "../allocations-assignment/allocations-assignment.container";
+import PartsOrderModalContainer from "../parts-order-modal/parts-order-modal.container";
 
 export default function JobLinesComponent({
   jobLines,
-  form,
-  handleSubmit,
-  setSearchText
+  setSearchText,
+  selectedLines,
+  setSelectedLines,
+  partsOrderModalVisible
 }) {
   const [state, setState] = useState({
     sortedInfo: {}
   });
-
   const { t } = useTranslation();
-
+  const [partsModalVisible, setPartsModalVisible] = partsOrderModalVisible;
   const columns = [
     {
       title: t("joblines.fields.unq_seq"),
@@ -130,6 +131,16 @@ export default function JobLinesComponent({
           />
         </span>
       )
+    },
+    {
+      title: t("general.labels.actions"),
+      dataIndex: "actions",
+      key: "actions",
+      render: (text, record) => (
+        <span>
+          <Button>{t("general.actions.edit")}</Button>
+        </span>
+      )
     }
   ];
 
@@ -137,10 +148,6 @@ export default function JobLinesComponent({
     setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
   };
 
-  // const handleChange = event => {
-  //   const { value } = event.target;
-  //   setState({ ...state, filterinfo: { text: [value] } });
-  // };
   const formItemLayout = {
     labelCol: {
       xs: { span: 12 },
@@ -153,25 +160,45 @@ export default function JobLinesComponent({
   };
 
   return (
-    <Table
-      title={() => {
-        return (
-          <Input.Search
-            placeholder="Search..."
-            onChange={e => {
-              e.preventDefault();
-              setSearchText(e.target.value);
-            }}
-          />
-        );
-      }}
-      {...formItemLayout}
-      size="small"
-      pagination={{ position: "bottom", defaultPageSize: 50 }}
-      columns={columns.map(item => ({ ...item }))}
-      rowKey="id"
-      dataSource={jobLines}
-      onChange={handleTableChange}
-    />
+    <div>
+      <PartsOrderModalContainer
+        partsOrderModalVisible={partsOrderModalVisible}
+        linesToOrder={selectedLines}
+      />
+
+      <Table
+        title={() => {
+          return (
+            <div>
+              <Input.Search
+                placeholder={t("general.labels.search")}
+                onChange={e => {
+                  e.preventDefault();
+                  setSearchText(e.target.value);
+                }}
+              />
+              <Button
+                disabled={selectedLines.length > 0 ? false : true}
+                onClick={() => setPartsModalVisible(true)}
+              >
+                {t("parts.actions.order")}
+              </Button>
+            </div>
+          );
+        }}
+        {...formItemLayout}
+        size="small"
+        pagination={{ position: "bottom", defaultPageSize: 50 }}
+        rowSelection={{
+          // selectedRowKeys: selectedLines,
+          onSelect: (record, selected, selectedRows, nativeEvent) =>
+            setSelectedLines(selectedRows)
+        }}
+        columns={columns.map(item => ({ ...item }))}
+        rowKey="id"
+        dataSource={jobLines}
+        onChange={handleTableChange}
+      />
+    </div>
   );
 }
diff --git a/client/src/components/job-detail-lines/job-lines.container.jsx b/client/src/components/job-detail-lines/job-lines.container.jsx
index 1bbddfec8..6223e80a3 100644
--- a/client/src/components/job-detail-lines/job-lines.container.jsx
+++ b/client/src/components/job-detail-lines/job-lines.container.jsx
@@ -1,47 +1,21 @@
 import { useQuery } from "@apollo/react-hooks";
-import { notification } from "antd";
 import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
+
 import { GET_JOB_LINES_BY_PK } from "../../graphql/jobs-lines.queries";
 import AlertComponent from "../alert/alert.component";
 import JobLinesComponent from "./job-lines.component";
 
 //export default Form.create({ name: "JobsDetailJobLines" })(
 
-export default function JobLinesContainer({ jobId, form }) {
+export default function JobLinesContainer({ jobId }) {
   const { loading, error, data } = useQuery(GET_JOB_LINES_BY_PK, {
     variables: { id: jobId },
     fetchPolicy: "network-only"
   });
 
   const [searchText, setSearchText] = useState("");
-  const { t } = useTranslation();
-
-  const handleSubmit = e => {
-    e.preventDefault();
-
-    form.validateFieldsAndScroll((err, values) => {
-      if (err) {
-        notification["error"]({
-          message: t("jobs.errors.validationtitle"),
-          description: t("jobs.errors.validation")
-        });
-      }
-      if (!err) {
-        console.log("Save the est lines!", values);
-        // mutationUpdateJob({
-        //   variables: { jobId: data.jobs_by_pk.id, job: values }
-        // }).then(r => {
-        //   notification["success"]({
-        //     message: t("jobs.successes.savetitle")
-        //   });
-        //   //TODO: Better way to reset the field decorators?
-        //   refetch().then(r => form.resetFields());
-        // });
-      }
-    });
-  };
-
+  const [selectedLines, setSelectedLines] = useState([]);
+  const partsOrderModalVisible = useState(false);
   if (error) return <AlertComponent message={error.message} type="error" />;
 
   return (
@@ -78,9 +52,10 @@ export default function JobLinesContainer({ jobId, form }) {
             : data.joblines
           : null
       }
-      handleSubmit={handleSubmit}
-      form={form}
       setSearchText={setSearchText}
+      selectedLines={selectedLines}
+      setSelectedLines={setSelectedLines}
+      partsOrderModalVisible={partsOrderModalVisible}
     />
   );
 }
diff --git a/client/src/components/parts-order-modal/parts-order-modal.component.jsx b/client/src/components/parts-order-modal/parts-order-modal.component.jsx
new file mode 100644
index 000000000..82c2a2362
--- /dev/null
+++ b/client/src/components/parts-order-modal/parts-order-modal.component.jsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function PartsOrderModalComponent() {
+  return <div>Component</div>;
+}
diff --git a/client/src/components/parts-order-modal/parts-order-modal.container.jsx b/client/src/components/parts-order-modal/parts-order-modal.container.jsx
new file mode 100644
index 000000000..f265fe9a1
--- /dev/null
+++ b/client/src/components/parts-order-modal/parts-order-modal.container.jsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Modal } from "antd";
+import PartsOrderModalComponent from "./parts-order-modal.component";
+export default function PartsOrderModalContainer({
+  partsOrderModalVisible,
+  linesToOrder
+}) {
+  console.log("partsord", partsOrderModalVisible);
+  const [modalVisible, setModalVisible] = partsOrderModalVisible;
+  return (
+    <Modal visible={modalVisible} onCancel={() => setModalVisible(false)}>
+      {JSON.stringify(linesToOrder)}
+      <PartsOrderModalComponent />
+    </Modal>
+  );
+}
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index 9df5c2b7f..0ed3fbc99 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -109,6 +109,7 @@
 				"na": "N/A",
 				"out": "Out",
 				"save": "Save",
+				"search": "Search...",
 				"unknown": "Unknown"
 			},
 			"languages": {
@@ -369,6 +370,11 @@
 				"save": "Owner saved successfully."
 			}
 		},
+		"parts": {
+			"actions": {
+				"order": "Order Parts"
+			}
+		},
 		"profile": {
 			"errors": {
 				"state": "Error reading page state. Please refresh."
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index efd2f2fa0..aee8c0f36 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -109,6 +109,7 @@
 				"na": "N / A",
 				"out": "Afuera",
 				"save": "Salvar",
+				"search": "Buscar...",
 				"unknown": "Desconocido"
 			},
 			"languages": {
@@ -369,6 +370,11 @@
 				"save": "Propietario guardado con éxito."
 			}
 		},
+		"parts": {
+			"actions": {
+				"order": "Pedido de piezas"
+			}
+		},
 		"profile": {
 			"errors": {
 				"state": "Error al leer el estado de la página. Porfavor refresca."
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index 182af3c7c..a139aec87 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -109,6 +109,7 @@
 				"na": "N / A",
 				"out": "En dehors",
 				"save": "sauvegarder",
+				"search": "Chercher...",
 				"unknown": "Inconnu"
 			},
 			"languages": {
@@ -369,6 +370,11 @@
 				"save": "Le propriétaire a bien enregistré."
 			}
 		},
+		"parts": {
+			"actions": {
+				"order": "Commander des pièces"
+			}
+		},
 		"profile": {
 			"errors": {
 				"state": "Erreur lors de la lecture de l'état de la page. Rafraichissez, s'il vous plait."