WIP: Use apigo endpoints

.gitignore

@@ -1,4 +1,5 @@
 build/
 node_modules/
 .env
-.DS_*
+.DS_*
+.idea

src/API.js

@@ -0,0 +1,71 @@
+// TODO: bu list `reasonsUrl`den cekilmeli
+const reasons = ["enkaz","erzak","guvenli-noktalar","hayvanlar-icin-tedavi","giysi","konaklama","kurtarma","lojistik","su","yemek","elektronik","barinma"]
+
+// TODO: API endpoint'ler environment variable ile aktarilmali
+// TODO: query string'de bulunan lokasyon, locations drop down component'dan gelmeli
+const areasUrl = "https://apigo.afetharita.com/feeds/areas?ne_lat=39.91618777305531&ne_lng=47.85149904303703&sw_lat=36.07272886939253&sw_lng=23.872389299415502&is_location_verified=0&is_need_verified=0"
+const feedsUrl = "https://apigo.afetharita.com/feeds"
+const reasonsUrl = "https://apigo.afetharita.com/reasons"
+
+const IS_LOCATION_VERIFIED = 'is_location_verified'
+const IS_NEED_VERIFIED = 'is_need_verified'
+const EXTRA_PARAMS = 'extraParams'
+
+const Areas = {
+  url: new URL(areasUrl),
+  reasons: [], // selected reasons
+
+  locationVerified() {
+    this.url.searchParams.set(IS_LOCATION_VERIFIED, "1")
+    return this
+  },
+
+  locationNotVerified() {
+    this.url.searchParams.set(IS_LOCATION_VERIFIED, "0")
+    return this
+  },
+
+
+  needVerified() {
+    this.url.searchParams.set(IS_NEED_VERIFIED, "1")
+    return this
+  },
+
+  needNotVerified() {
+    this.url.searchParams.set(IS_NEED_VERIFIED, "0")
+    return this
+  },
+
+  withExtraParams() {
+    this.url.searchParams.set(EXTRA_PARAMS, "1")
+    return this
+  },
+
+  withoutExtraParams() {
+    this.url.searchParams.set(EXTRA_PARAMS, "0")
+    return this
+  },
+
+  getURL() {
+    return this.url.toString()
+  },
+
+  getUpdateURL() {
+    // return `${this.url.origin}${this.url.pathname}`
+    return `/blabla`
+  }
+}
+
+const Feeds = {
+  url: new URL(feedsUrl),
+
+  getURL(id) {
+    return `${this.url.toString()}/${id}`
+  }
+}
+
+const API = {
+  Areas, Feeds,
+  reasons: reasons,
+}
+export default API

src/App.js

@@ -11,10 +11,7 @@ const App = () => {
     <BrowserRouter>
       <Routes>
         {agreed && (
-          <>
-            <Route path="/" element={<Home />} />
-            <Route path="/dogrula" element={<Verify />} />
-          </>
+          <Route path="/" element={<Home />} />
         )}
 
         {!agreed && <Route path="*" element={<Agreement />} />}

src/components/Loader.js

@@ -0,0 +1,37 @@
+import React, { Component } from "react";
+
+class Loader extends Component {
+  render() {
+    return (
+      <div
+        className={`absolute z-10 h-full bg-zinc-900/60 w-full flex items-center justify-center transition-all ${
+          this.props.isLoading ? "opacity-100 visible" : "opacity-0 invisible"
+        }`}
+      >
+        <svg
+          className="animate-spin h-8 w-8"
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+        >
+          <circle
+            className="opacity-25"
+            cx="12"
+            cy="12"
+            r="10"
+            stroke="currentColor"
+            strokeWidth="4"
+          />
+
+          <path
+            className="opacity-75"
+            fill="currentColor"
+            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+          />
+        </svg>
+      </div>
+    );
+  }
+}
+
+export default Loader;

src/components/ReasonSelector.js

@@ -0,0 +1,17 @@
+import React, { Component } from "react";
+
+class ReasonSelector extends Component {
+  render() {
+    return (
+      <div className={"mt-4 mx-auto max-w-2xl text-left"}>
+        {this.props.reasons.map(r => {
+          return <span className={"mr-2"}>
+              <input className={"reasonList"} type="checkbox" value={r} /> {r}
+            </span>
+        })}
+      </div>
+    );
+  }
+}
+
+export default ReasonSelector;