fix: add uuid to capture detail dialog and top filter (Greenstand#166)

src/api/treeTrackerApi.js

@@ -21,6 +21,7 @@ export default {
       limit: rowsPerPage,
       skip,
       fields: {
+        uuid: true,
         imageUrl: true,
         lat: true,
         lon: true,

src/components/CaptureDetailDialog.js

@@ -185,6 +185,11 @@ function CaptureDetailDialog(props) {
               copy: true,
               link: true,
             },
+            {
+              label: 'Capture UUID',
+              value: capture.uuid,
+              copy: true,
+            },
             {
               label: 'Planter Identifier',
               value: capture.planterIdentifier,

src/components/FilterTop.js

@@ -79,6 +79,7 @@ function Filter(props) {
   const filterOptionAll = 'All';
   const dateStartDefault = null;
   const dateEndDefault = null;
+  const [uuid, setUUID] = useState(filter?.uuid || '');
   const [captureId, setCaptureId] = useState(filter?.captureId || '');
   const [planterId, setPlanterId] = useState(filter?.planterId || '');
   const [deviceId, setDeviceId] = useState(filter?.deviceIdentifier || '');
@@ -123,6 +124,7 @@ function Filter(props) {
     e.preventDefault();
     // save the filer to context for editing & submit
     const filter = new FilterModel();
+    filter.uuid = uuid;
     filter.captureId = captureId;
     filter.planterId = planterId;
     filter.deviceIdentifier = deviceId;
@@ -140,6 +142,7 @@ function Filter(props) {
 
   function handleReset() {
     // reset form values, except 'approved' and 'active' which we'll keep
+    setUUID('');
     setCaptureId('');
     setPlanterId('');
     setDeviceId('');
@@ -290,6 +293,14 @@ function Filter(props) {
                 value={captureId}
                 onChange={(e) => setCaptureId(e.target.value)}
               />
+              <TextField
+                htmlFor="uuid"
+                id="uuid"
+                label="Capture UUID"
+                placeholder=""
+                value={uuid}
+                onChange={(e) => setUUID(e.target.value)}
+              />
               <TextField
                 htmlFor="device-identifier"
                 id="device-identifier"

src/components/tests/verify.test.js

@@ -47,6 +47,7 @@ const CAPTURE = {
 const CAPTURES = [
   {
     id: 10,
+    uuid: '11942400-6617-4c6c-bf5e',
     planterId: 10,
     planterIdentifier: '[email protected]',
     deviceIdentifier: '1-abcdef123456',
@@ -68,6 +69,7 @@ const CAPTURES = [
   },
   {
     id: 20,
+    uuid: '11942400-6617-4c6c-bf5e',
     planterId: 11,
     planterIdentifier: '[email protected]',
     deviceIdentifier: '2-abcdef123456',
@@ -89,6 +91,7 @@ const CAPTURES = [
   },
   {
     id: 30,
+    uuid: '11942400-6617-4c6c-bf5e',
     planterId: 10,
     planterIdentifier: '[email protected]',
     deviceIdentifier: '3-abcdef123456',

src/models/Filter.js

@@ -10,6 +10,7 @@ export const TAG_NOT_SET = 'TAG_NOT_SET';
 import { tokenizationStates } from '../common/variables';
 
 export default class Filter {
+  uuid;
   captureId;
   dateStart;
   dateEnd;
@@ -30,6 +31,10 @@ export default class Filter {
   getWhereObj() {
     let where = {};
 
+    if (this.uuid) {
+      where.uuid = this.uuid;
+    }
+
     if (this.captureId) {
       where.id = this.captureId;
     }

src/models/Filter.test.js

@@ -5,6 +5,7 @@ describe('Filter, with initial values about this filter object', () => {
 
   beforeEach(() => {
     filter = new Filter();
+    filter.uuid = '11942400-6617-4c6c-bf5e';
     filter.captureId = 10;
     filter.dateStart = '2019-07-25';
     filter.dateEnd = '2019-07-30';
@@ -15,6 +16,10 @@ describe('Filter, with initial values about this filter object', () => {
     filter.planterIdentifier = '1';
   });
 
+  it('getWhereObj() should be: ', () => {
+    expect(filter.getWhereObj()).toEqual(expect.objectContaining({ uuid: '11942400-6617-4c6c-bf5e' }));
+  });
+
   it('getWhereObj() should be: ', () => {
     expect(filter.getWhereObj()).toEqual(expect.objectContaining({ id: 10 }));
   });