From 3f962d6b6d612db358a77f1a897650f86edede87 Mon Sep 17 00:00:00 2001
From: Siddhartha <siddharthasip@gmail.com>
Date: Thu, 18 Mar 2021 00:47:17 +0530
Subject: [PATCH 1/2] Added missing const declaration to getShape

---
 src/api/get-shape.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/api/get-shape.js b/src/api/get-shape.js
index ae41245..8ce8caa 100644
--- a/src/api/get-shape.js
+++ b/src/api/get-shape.js
@@ -1,6 +1,7 @@
 import { get } from 'axios';
 
-export default getShape = async url => {
+const getShape = async url => {
   const res = await get(url);
   return res;
 };
+export default getShape;

From dd103f62b7b4636915f93be752b72b22ed669c7e Mon Sep 17 00:00:00 2001
From: Siddhartha <siddharthasip@gmail.com>
Date: Fri, 19 Mar 2021 00:05:27 +0530
Subject: [PATCH 2/2] Added an option to export the color code in JSON file.

---
 src/components/main-app/sidebar.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/main-app/sidebar.js b/src/components/main-app/sidebar.js
index f7821c7..9aa5a89 100644
--- a/src/components/main-app/sidebar.js
+++ b/src/components/main-app/sidebar.js
@@ -80,6 +80,19 @@ export default function Sidebar({ setTheme, theme }) {
           <CopyToClipboard text={text}>
             <button className="copy-btn">Copy</button>
           </CopyToClipboard>
+          <a
+            href={`data:text/json;charset=utf-8,${encodeURIComponent(text)}`}
+            download={`${colorFormat}.json`}
+            className="copy-btn"
+            style={{
+              textAlign: 'center',
+              height: '1.15rem',
+              fontSize: '0.85rem',
+              marginRight: '0.5rem',
+            }}
+          >
+            Export
+          </a>
           <br />
           <JSONPretty
             id="json-pretty"