From 0f130d5fed4786bd451dc9b82933af691d8396f6 Mon Sep 17 00:00:00 2001
From: parth sarthi prasad <mepsp2000@gmail.com>
Date: Tue, 23 Mar 2021 21:53:10 +0530
Subject: [PATCH] partial addition for next compliant orcamap

---
 .gitignore                                    |   1 +
 next-env.d.ts                                 |   2 +
 next.config.js                                |   2 +
 package-lock.json                             | 120 ++++++++++++++++--
 package.json                                  |   1 +
 .../MapContainer/Layers/VectorLayer.tsx       |   4 +-
 .../MapContainer/Layers/hydropin.png          | Bin 3858 -> 0 bytes
 .../Map/{Map.css => Map.module.css}           |   0
 src/components/MapContainer/Map/Map.tsx       |   2 +-
 src/components/MapContainer/orcapin.png       | Bin 7686 -> 0 bytes
 src/config.js                                 |   2 +-
 src/logo.svg                                  |   7 -
 src/{index.tsx => next.tsx}                   |   0
 src/pages/_app.tsx                            |  23 ++++
 src/pages/index.tsx                           |  13 ++
 tsconfig.json                                 |   5 +-
 16 files changed, 161 insertions(+), 21 deletions(-)
 create mode 100644 next-env.d.ts
 create mode 100644 next.config.js
 delete mode 100644 src/components/MapContainer/Layers/hydropin.png
 rename src/components/MapContainer/Map/{Map.css => Map.module.css} (100%)
 delete mode 100644 src/components/MapContainer/orcapin.png
 delete mode 100644 src/logo.svg
 rename src/{index.tsx => next.tsx} (100%)
 create mode 100644 src/pages/_app.tsx
 create mode 100644 src/pages/index.tsx

diff --git a/.gitignore b/.gitignore
index f1d1ba3..1cd9344 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,6 +19,7 @@
 .env.test.local
 .env.production.local
 .env
+.next
 
 npm-debug.log*
 yarn-debug.log*
diff --git a/next-env.d.ts b/next-env.d.ts
new file mode 100644
index 0000000..7b7aa2c
--- /dev/null
+++ b/next-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />
diff --git a/next.config.js b/next.config.js
new file mode 100644
index 0000000..5113d67
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,2 @@
+const withImages = require('next-images')
+module.exports = withImages()
diff --git a/package-lock.json b/package-lock.json
index de3d225..a61d26b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -794,8 +794,7 @@
     "@types/json-schema": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.6.tgz",
-      "integrity": "sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==",
-      "dev": true
+      "integrity": "sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw=="
     },
     "@types/keyv": {
       "version": "3.1.1",
@@ -1060,7 +1059,6 @@
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
       "requires": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -1068,6 +1066,11 @@
         "uri-js": "^4.2.2"
       }
     },
+    "ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
+    },
     "anser": {
       "version": "1.4.9",
       "resolved": "https://registry.npmjs.org/anser/-/anser-1.4.9.tgz",
@@ -4311,8 +4314,7 @@
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "fast-diff": {
       "version": "1.2.0",
@@ -4337,8 +4339,7 @@
     "fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
     },
     "fast-levenshtein": {
       "version": "2.0.6",
@@ -4378,6 +4379,40 @@
         "flat-cache": "^3.0.4"
       }
     },
+    "file-loader": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz",
+      "integrity": "sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==",
+      "requires": {
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0"
+      },
+      "dependencies": {
+        "emojis-list": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+          "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q=="
+        },
+        "json5": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
+          "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        }
+      }
+    },
     "file-uri-to-path": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
@@ -5893,8 +5928,7 @@
     "json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
     },
     "json-stable-stringify": {
       "version": "1.0.1",
@@ -6614,6 +6648,19 @@
         }
       }
     },
+    "mime-db": {
+      "version": "1.46.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.46.0.tgz",
+      "integrity": "sha512-svXaP8UQRZ5K7or+ZmfNhg2xX3yKDMUzqadsSqi4NCH/KomcH75MAMYAGVlvXn4+b/xOPhS3I2uHKRUzvjY7BQ=="
+    },
+    "mime-types": {
+      "version": "2.1.29",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.29.tgz",
+      "integrity": "sha512-Y/jMt/S5sR9OaqteJtslsFZKWOIIqMACsJSiHghlCAyhf7jfVYjKBmLiX8OgpWeW+fjJ2b+Az69aPFPkUOY6xQ==",
+      "requires": {
+        "mime-db": "1.46.0"
+      }
+    },
     "mimic-fn": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -6911,6 +6958,15 @@
         }
       }
     },
+    "next-images": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/next-images/-/next-images-1.7.0.tgz",
+      "integrity": "sha512-7sTjSajbaYStlkl0pYNSUBJD0t6XpH5uE2b9XGrSO9Fh+XLaq10aHP7reEA2f1lBH6D4KTKjFy4S3lNQNVX/lA==",
+      "requires": {
+        "file-loader": "^6.0.0",
+        "url-loader": "^4.0.0"
+      }
+    },
     "next-tick": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz",
@@ -8472,6 +8528,16 @@
         "object-assign": "^4.1.1"
       }
     },
+    "schema-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.0.0.tgz",
+      "integrity": "sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA==",
+      "requires": {
+        "@types/json-schema": "^7.0.6",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      }
+    },
     "semver": {
       "version": "7.3.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
@@ -10625,7 +10691,6 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.0.tgz",
       "integrity": "sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g==",
-      "dev": true,
       "requires": {
         "punycode": "^2.1.0"
       }
@@ -10657,6 +10722,41 @@
         }
       }
     },
+    "url-loader": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz",
+      "integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==",
+      "requires": {
+        "loader-utils": "^2.0.0",
+        "mime-types": "^2.1.27",
+        "schema-utils": "^3.0.0"
+      },
+      "dependencies": {
+        "emojis-list": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+          "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q=="
+        },
+        "json5": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
+          "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
+          "requires": {
+            "minimist": "^1.2.5"
+          }
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
+          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        }
+      }
+    },
     "url-parse-lax": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
diff --git a/package.json b/package.json
index 216388e..2e59e4e 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "google-spreadsheet": "^3.1.15",
     "mapbox-gl": "^1.13.0",
     "next": "^10.0.9",
+    "next-images": "^1.7.0",
     "ol": "^6.5.0",
     "rbush": "^3.0.1",
     "react": "^17.0.1",
diff --git a/src/components/MapContainer/Layers/VectorLayer.tsx b/src/components/MapContainer/Layers/VectorLayer.tsx
index 442659e..2d109cf 100644
--- a/src/components/MapContainer/Layers/VectorLayer.tsx
+++ b/src/components/MapContainer/Layers/VectorLayer.tsx
@@ -4,7 +4,9 @@ import OLVectorLayer from 'ol/layer/Vector'
 import { vector } from '../Source'
 import GeoJSON from 'ol/format/GeoJSON'
 import { get } from 'ol/proj'
-import hydropin from './hydropin.png'
+import hydropin from '../../../../public/hydropin.png'
+
+// import hydropin from `%PUBLIC_URL%/hydropin.png`
 
 // note: both the VectorLayer styleOptions object
 // and the 'source' from line 33 will need to be hoisted
diff --git a/src/components/MapContainer/Layers/hydropin.png b/src/components/MapContainer/Layers/hydropin.png
deleted file mode 100644
index 6ba681b6ca01d341d7eb6eb516fce3129c6b990d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3858
zcmaKvcRbV&;KoJi4%KnU%pTc0UnAU|vf}K`9ogYfwyclHUfKK1BV^szJT8<~xP((U
zSznT?%o4wT|NmaU*Xwzn_y5oH*Yg}{eE%8)7Xu9q%{6^JgxOzG{?{P7zX|pg)T5!f
zWQ8=c(A9Kp(R6Etd$qy6+jTu(>7knR-COnjy9^z1Mh{zzU7JmVd(3R>%+N2*(M{G4
z4YtmW_P*^7cJ+=<I48S0XX{#LN1U@;Gb(P##j(M~tJT$}_Mv^fyH$;+eZ7}!leZJj
zC#2igt`6gj!^9E-t!e^oYXcqXgUqo(_I1JWgCW*6q2}1|sNM+cnuyfVr`FZcW>wKH
zjj<?PoE0`6jeF)$muQK7o;s3jiA}MnO7U(^$sJEaR-^}Yq*swLEvmBqDyBE9a4N^S
zE;qLCg;iBPVY48AqBN?zqI<Q{ucgwzwXSlyK6wz=G~XDBZ^D0WshDaVpu9@#Z_6F&
zcs|fk{l2qvsjF%3-_r5^wgo~XY3S`Hv1*ctCyxxQjJD6uj8JB0cSr-DNOQZ3V{0qR
z`|C3sTf0Zw<lX(91M2cu>N@r4;MeJ|KW9h3E-o$-{AB3=7JbRZ@IE4-<*LKl-x<91
z5jqy3<h_#L_GG=AZ|GP6@uYcNXHSQ=qmk|>Z%L=t-C+EYrET65pO-c-1qB)9FD_*L
z74qd2!L;LU#LeFtQ4)$lqdyCSHYbJW7`zFF7!WTkaa!Q<|BVZCpoX~h*d^Q(IY0ea
z@J}~#hmU9`BflNkt>K4{pc&sg3hm4rLNq^&AbQJCg2UuFCGqnc#_PBv5sN_5;eV|f
zGV_m@%YYGJVh(g8VRnNoK~9&`TK~bMB%2|Zi)TYWjk#97gss6&h-}XisNtU;bzNWg
zg%|KupJ-Ef3XHdYB$zeeEDUR4ck|0`P0M$-+2#1Oq8N#5nXB|-w7K{0luAojCDa#`
zeiR2IG9b6Vn-s8XDCc*Q`2V0Ba$#gREF4hU0(9|>n=dC`c#7^ZfQKyY+2*ygJYa$`
zb{lUcrf!uiULqpj1{&5gb%O>zN?@&`G;LrAN>1yxvP$kmj?bdTmNG|wnP3JGHiV%D
zY{2wWoLrwto`c%yE94FqvYokzIiVv`{(#qOyck<@Q_Smyu5gklQIlz#tDaALPt9D4
zl|gsU#at_u{F>dO*Z5v#KQk-KlhtMg5}nhf33bSO2U}MO=1T%yw@sH|1@bhCdAcf^
z;@<PVvbXnGWUkjr8`fH3$j=w96M3AT46QLq)%4R|yN_a6?$9;!xHhc82V8kA5cFIY
zF&rN1X*!(rPiC0wD9a7NQYh}qPuFML$12&*N?J%1f?!RF!LaHiNuiX{Yd_(I9QfSu
zB+4>W6i|y0z5o66iVmv=HcL;Ch4V0}ivOg+VXClc>503>3y7?W{V@)mH4Ob6acU-w
zG`LOJV%FEo>i4bF<?wqoZ4bL5d&tiCO^lZHot<T>nF<p>deh*mN;+dJd|MjL6L)g8
zkZzXdLz|)_fj{r)@^Izz2Xr@JD?1_r<E8{X0^T@j!Dr~#b!}mtd)Z9Gnp}KSg6t7`
zNsib?BSih_r+>+k_M_oR;LY{KDQv&cq&DlO0@sjER^Qair$e%~LRE!j!4VM*Xg1lq
zZ1w+A{C;x3)$<|KN7L#5$4tq4n1%KF+SKyG(CwXvtsk;1xo{a$Wx$_M7<B7pgwJ6m
zf7SHw`iVVp&liXqF+dd%Hki@FTkTKk0^+85)>YNJw{;>lD&t^!Y*%Fi&D&_DHWlr^
zhek@~$l3|POluTVxgvB5n5Twd3C?Y*#2*3rtd|hl7wUe?HCM_XUgub257OiZM9LTh
zJ{e`NyYjI%dNJPz8M2ZrNxs~{rv@L4m9BQF1EGnTGe7k5dhabNe%Be*4EA`9j>W|9
zlX!`$j}?vPf+r3KvYSp~mRO))ZCQskIy;A^`~9F27!uM0O>_FdW2MXlC(9Sart8{|
zSOPOV!h?T`ht<#06&u&bq6K5Z(`MNCiF#VY`_F3=;6DFJJ}#8I-pBN)5Uy%S_yX|>
zjnxx%7H9uam}C*p`d>-jYTvprWiV&<;1zI*M69Zxeexj*HF#50y_q-=<HjnBAPu+P
zmRoX!MFwZh#5I~EtZULABrHm5kD*vsisLy_bB_08WSkos0nGa=Yqf$pFNUCe#?y=`
z|Hxo)zl`gNv|&ks%3L4prM9+t1jyVsMcox}mQ3QdveEjq%_LO@;p#ei>HS`VZAHhs
zXO~E5zI!z1;U@ISeCeQP4X)+B5+~Y*6~%xE-@)Vu*u5_dDp!VoX+_%T!r%U|KqzKy
zU3p~MqgRl)%j1DJ$!t=@{JtD{<4?S@T>`(Y_>_Bl#hCS1L5jd9PR=&(HfeG8Ys+qr
zDv4&1p15NdWX^td3J|b*+4fHPkef_Flr`6<^T%89>uL^zwQ{yOhtH<bH^KK8J9O+5
zB9|aB%IB?UHJV%AhVk@Ot?L4mVi^|L{_{3kGX*`rI>7_d{I*9)qbE;Rt<Fc5Ddi<i
zn6%5s#<Q}iCe)W`UdF_Q2PzW^uPs6PpM?;+=c%f>Iw=`?W1;n9J25Jprui#y5?RJt
z8!lJ<I1S=<EkG$U&e$=tCh@_*RWU~9i6`5xH?MB^;=yn<sSWB;&|+Jc%dGmN5(s6V
zRW{ob6gWv27Vs1R&D@4~yL2IwY*QFj7sXsW;`Z-2e7l8SEtGNDjikL6E7_%bxwt?Y
z^hwNMi>;)LKa!3sZlsx6#Wq!mP~0tjwJbAEQ{?i~V?|05d>f($s0cEpFBQry>;qr^
znEX3EJblF;`t16(nTs~F`X|8Xlf_I7k6OC2k=E@pCT`6yN1{qfFhVW?_4^GE>>KEf
z4RPP%A|x?00_K+bQi+K|<@m@dZ1D(g^XK~^mAWgCH1pvkp^`xvXST~xKC2vfVoA!7
zI0m%bJ6Ab81})6@y=wUdLEF@?H=4mO?z}e7wc|$=aX!UT4Q+V&3cX9IVx#Vl`o^Ux
zw2TWp6ed@twn0fsojf~cv+fPVI4x=|r&S}iyCYei#2_$T;;wv^P*Nx!q#p``t1A8!
ztpxMGGm2715Z+0DRIBB;bWjYB2faC8%f?&^$5T&lJScyY*<zD3`CQBEpdxmf$%H6E
z5k64*X=}~?kDq6%Knd!1`=AWnl319q6r5NdXzM5@ML`G=p{V@$-oUm=dCCYFxeI9D
zJcFi3ot{6io&W}Se&>U~fjyi`9d}>=)TY+J^<YrQg~_J0zld(F2;=u{K7&u|oZ+mj
z`1F~ZnsjOzC#c4LZ*poe1{uUr_PM9-LFq}5dw_u_rQz>DM_@|d6sVl;K}^e*J^y9*
zocG;gCC<p`?Hf$a{A-^=n*1ldzE5ozl0aKqVgsI5EB<rVKYKz&BNLVv22qn*Z^FN)
zasAm#n4!zuEXU#%9iZN2oPg!}zm;2)rK2C5MZnG&Lsfr>@sTE4Ym_<?ozrUN#Q`&~
zc_m4?*+lqOKNAwosfk%-G&-4;0jQ*1Q6^_XHTX$@(Mh&o<RXs%s!gEsn^!qA?Fthy
z|9T~Sp#^C9ok{g5k{ea0?0y8h28*7Z$^)-#QeBB0x*QRUK&5fDJSQOk4$PeM1D0VV
zMF!BU3b$EhGXO3qb!v8hG}v_9&y<phtN}+qEC0q-^jSx}&-JE2<+u<!b-X2mpJS%|
znY#yO^?vSdrrf9qMO3&?gg3)iMFpF;Mi04nr(0N~%Ap_r-^cog6&2FUrp%ga*;E!a
zJY2;0pd)t9E7xFxS9MGz9|$>Mj}u7K<vz=xOEK(8t%x--ObKydS%YQtHEN?AU_0Bc
ztb&$Q2^~~|36Xcz_kbhHLHFH?1}ZQ<$!ccHRdpnNT#O=uAbK22A3VKnM_9<kic9(j
zaA~I)8iV%*X4jP2%pV*+b?Qj|l~&-0<;0b+xKumK(J-vdnvDd8x^X5#pnuw!V(wTv
zfdfF)cfG?&DOT3SirC}q<rhDc@xaax7B<A8-YBH;(I0~SNK9KmUyCff;f$qh>@l)K
zl9OoT<j^mAK7YD9r;BKJm>4tURC?>d1C^NB5LsQ<^s`NI$#(mvCoDWFC?Y7Thx0|+
z$L%81dZcUam-4y!__xElpPPm}_Y@#Af>0rBDG0q3jlHby)SG@wR%U*FEnqKBBE;op
zS2>mbJLFE`l3Vxn^1etPg<OACF^gm7bR*XHu8Ya0c^S`Vlc$a>m%)~FF{+#UCT?K~
zMEk4_Qp6fH-`dJ5uTx8s;Q~<QvS9688az*SdZ<KCoj+IhZKoAkX*h#=zu^kb?=H4z
zHpw_TKF%<1DYXC8i4JHW$0B>jP>C683IoT0UFVQYi#6Bv<|c0Jv1KphBgA_B3%$R5
zdd}!H@7!HLcx@aWlG~2&jQx!(1<l!cc96pywoa)wDkoOiZ*cvf&R-|&>K9hV&E-X9
zWybS4zcTU2F`qd<z&ngrap!WNnUlI2>6Y}jj>MF9Y-jZ|YxBVVCUOR{*HCO_HaiEY
zKq}MNueez%Y%x(Rg?*7->^9d7kb`vLqw8c}565k}O5AyGdDD$TBfsTfa%?)(`v&`#
z&zKrTT{h%=DI^xDb-Jum8-m=1*GR7PssrQdZ}IItU0q#0Soxg_13u<u?CQp#zv9+(
z-S4}?ldwY}G=sv>iu>JIKC?f1Nl#_FGQhHxzcP`pggc_7`(?Rt{KOz}>ft?{88^mX
z3%2nUZ_!qp7Q)?QhU7*fqId9$BTm3p5sCYycxR~^9!k*(#6I!mTS%nxcfK0B<{}1q
zkH2%PZZ9YTvdkURP@BNK@2hhX!Z4Sfwo){=zw~y~UmcQ%H$Afp(+XvLU9h7KNia^p
z^mfie@hHb&bqJyo-YYlf?Wm!*x8ofRNjOTxgt%HWQV1^xUXkg6hUic+DWUuJT4W4l
zq6B&#e|Cm<Gh`j!i&hottFw&t`*y39H?8LUMv<TOLi#extw$uXF4@nKFSB4X{ucDS
zdnx&@1}yrhi29nu87lU*gNK+7^*fGcir#MxfAE&T^Z&daUfA7(=si>4mH6!q@4pv}
NMqk$$(F{Yy{SQ}STFd|d

diff --git a/src/components/MapContainer/Map/Map.css b/src/components/MapContainer/Map/Map.module.css
similarity index 100%
rename from src/components/MapContainer/Map/Map.css
rename to src/components/MapContainer/Map/Map.module.css
diff --git a/src/components/MapContainer/Map/Map.tsx b/src/components/MapContainer/Map/Map.tsx
index 4864a2a..8621da8 100644
--- a/src/components/MapContainer/Map/Map.tsx
+++ b/src/components/MapContainer/Map/Map.tsx
@@ -1,5 +1,5 @@
 import React, { useRef, useState, useEffect } from 'react'
-import './Map.css'
+import './Map.module.css'
 import MapContext from './MapContext'
 import * as ol from 'ol'
 
diff --git a/src/components/MapContainer/orcapin.png b/src/components/MapContainer/orcapin.png
deleted file mode 100644
index 77e5d362f36428fcf5468710d3f03440304acc4f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7686
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
R;7b>XWNA;lu-SX>zX0!8G{XP@

diff --git a/src/config.js b/src/config.js
index 29d9e24..8fb66a4 100644
--- a/src/config.js
+++ b/src/config.js
@@ -1,4 +1,4 @@
-const envKey = process.env['REACT_APP_GOOGLE_SHEETS_KEY'] || ''
+const envKey = process.env['NEXT_PUBLIC_GOOGLE_SHEETS_KEY'] || ''
 
 export default {
   apiKey: envKey,
diff --git a/src/logo.svg b/src/logo.svg
deleted file mode 100644
index 6b60c10..0000000
--- a/src/logo.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
-    <g fill="#61DAFB">
-        <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
-        <circle cx="420.9" cy="296.5" r="45.7"/>
-        <path d="M520.5 78.1z"/>
-    </g>
-</svg>
diff --git a/src/index.tsx b/src/next.tsx
similarity index 100%
rename from src/index.tsx
rename to src/next.tsx
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
new file mode 100644
index 0000000..3df4e08
--- /dev/null
+++ b/src/pages/_app.tsx
@@ -0,0 +1,23 @@
+// import App from 'next/app'
+
+function MyApp({ Component, pageProps }) {
+    return (
+        <Component {...pageProps} />
+      )
+    // return <Component {...pageProps} />
+  }
+  
+  // Only uncomment this method if you have blocking data requirements for
+  // every single page in your application. This disables the ability to
+  // perform automatic static optimization, causing every page in your app to
+  // be server-side rendered.
+  //
+  // MyApp.getInitialProps = async (appContext) => {
+  //   // calls page's `getInitialProps` and fills `appProps.pageProps`
+  //   const appProps = await App.getInitialProps(appContext);
+  //
+  //   return { ...appProps }
+  // }
+  
+  export default MyApp
+  
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..3babac7
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import MapContainer from '../components/MapContainer/MapContainer'
+
+const App: React.FC = () => {
+  return (
+    <div className="App">
+      <h1 style={{ textAlign: 'center' }}> (test OL) Orca Map</h1>
+      <MapContainer />
+    </div>
+  )
+}
+
+export default App
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index a273b0c..b7c942b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,9 +18,12 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "preserve"
   },
   "include": [
     "src"
+  ],
+  "exclude": [
+    "node_modules"
   ]
 }