feat(grower-detail): display device manufacturer with device id

Greenstand · Nov 15, 2021 · ae0d3fc · ae0d3fc
1 parent 34d1ed7
commit ae0d3fc
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/components/GrowerDetail.js b/src/components/GrowerDetail.js
@@ -95,7 +95,10 @@ const GrowerDetail = (props) => {
                 sortedRegistrations
                   .map((reg) => ({
                     id: reg.device_identifier,
-                    os: reg.manufacturer === 'apple' ? 'iOS' : 'Android',
+                    os:
+                      reg.manufacturer.toLowerCase() === 'apple'
+                        ? 'iOS'
+                        : 'Android',
                   }))
                   .filter((id) => id),
               );
@@ -252,16 +255,18 @@ const GrowerDetail = (props) => {
               </Typography>
               {(deviceIdentifiers.length && (
                 <table>
-                  {deviceIdentifiers.map((device, i) => (
-                    <tr key={i}>
-                      <td>
-                        <Typography variant="body1">{device.id}</Typography>
-                      </td>
-                      <td>
-                        <Typography variant="body1">({device.os})</Typography>
-                      </td>
-                    </tr>
-                  ))}
+                  <tbody>
+                    {deviceIdentifiers.map((device, i) => (
+                      <tr key={i}>
+                        <td>
+                          <Typography variant="body1">{device.id}</Typography>
+                        </td>
+                        <td>
+                          <Typography variant="body1">({device.os})</Typography>
+                        </td>
+                      </tr>
+                    ))}
+                  </tbody>
                 </table>
               )) || <Typography variant="body1">---</Typography>}
             </Grid>