From 8f02ef993da3e6f1b2fb1dd691a4d90797929ec4 Mon Sep 17 00:00:00 2001
From: Eric Jinks <ericjinks@gmail.com>
Date: Wed, 6 Jun 2018 15:43:16 +1000
Subject: [PATCH] Round imgix width request to nearest 100px

---
 CHANGELOG.md            | 4 ++++
 src/util/getImageUrl.js | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a2f88ae..a4507e1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 0.4.1 - 2018-06-06
+
+* Round imgix width request to nearest 100px
+
 ## 0.4.0 - 2018-06-06
 
 * Improve reusability of <Meta /> component
diff --git a/src/util/getImageUrl.js b/src/util/getImageUrl.js
index 32fbd07..1421cee 100644
--- a/src/util/getImageUrl.js
+++ b/src/util/getImageUrl.js
@@ -1,3 +1,5 @@
+const _ceil = require('lodash/ceil')
+
 const sizes = [10, 300, 600, 1200, 1800]
 const outputDir = '/images/uploads/'
 const resizedDir = '/images/uploads/resized/'
@@ -40,7 +42,10 @@ const getImageSrc = (path, sizeRequested) => {
   }
   sizeRequested = parseInt(sizeRequested, 10)
   let size
-  if (sizeRequested) {
+  if (sizeRequested && imgixUrl) {
+    // round to nearest 100px
+    size = sizeRequested <= 100 ? sizeRequested : _ceil(sizeRequested, -2)
+  } else if (sizeRequested) {
     // rounds up to nearest size or returns largest
     size =
       sizes.filter(num => num >= sizeRequested)[0] || sizes[sizes.length - 1]