exif fixes

gatsby-node.js

@@ -4,6 +4,7 @@ const yaml = require('js-yaml')
 const { createFilePath } = require('gatsby-source-filesystem')
 const { paginate } = require('gatsby-awesome-pagination')
 const fastExif = require('fast-exif')
+const { Fraction } = require('fractional')
 
 const meta = yaml.load(fs.readFileSync('./content/meta.yml', 'utf8'))
 const { itemsPerPage } = meta
@@ -60,11 +61,6 @@ exports.onCreateNode = ({ node, actions, getNode }) => {
   }
 }
 
-const getFraction = decimal => {
-  for (var denominator = 1; (decimal * denominator) % 1 !== 0; denominator++);
-  return { numerator: decimal * denominator, denominator: denominator }
-}
-
 const generateExif = (exifData, createNodeField, node) => {
   const { Model } = exifData.image
   const {
@@ -75,14 +71,13 @@ const generateExif = (exifData, createNodeField, node) => {
     ExposureBiasValue
   } = exifData.exif
 
-  const shutterspeedNumerator = getFraction(ExposureTime).numerator
-  const shutterspeedDenominator = getFraction(ExposureTime).denominator
+  const { numerator, denominator } = new Fraction(ExposureTime)
   const exposureShortened = parseFloat(ExposureBiasValue.toFixed(2))
 
-  const model = Model
+  const model = `${Model}`
   const iso = `ISO ${ISO}`
   const fstop = `ƒ ${FNumber}`
-  const shutterspeed = `${shutterspeedNumerator}/${shutterspeedDenominator}s`
+  const shutterspeed = `${numerator}/${denominator}s`
   const focalLength = `${FocalLength}mm`
 
   let exposure

package.json

@@ -23,6 +23,7 @@
   ],
   "dependencies": {
     "fast-exif": "^1.0.1",
+    "fractional": "^1.0.0",
     "gatsby": "^2.0.0-rc.21",
     "gatsby-awesome-pagination": "^0.1.1",
     "gatsby-image": "^2.0.0-rc.2",

src/components/molecules/PostMeta.module.scss

@@ -36,7 +36,6 @@
 /////////////////////////////////////
 
 .type {
-    margin-bottom: $spacer / 2;
     text-align: center;
 
     a {