move to kremalicious/location endpoint

.env.example

@@ -1,4 +1,2 @@
 GATSBY_GITHUB_TOKEN=xxx
-GATSBY_TYPEKIT_ID=xxx
-NOMADLIST_PROFILE=xxx
-NOMADLIST_KEY=xxx
+GATSBY_TYPEKIT_ID=xxx

README.md

@@ -76,13 +76,13 @@ If you want to know how, have a look at the respective components:
 
 On client-side, my current and, if known, my next physical location on a city level is fetched from my (private) [nomadlist.com](https://nomadlist.com) profile and displayed in the header.
 
-Fetching is split up into a serverless function, a hook, and display component. Fetching is done with a serverless function as to not expose the whole profile response into the browser. Requires `NOMADLIST_PROFILE` & `NOMADLIST_KEY` environment variables.
+Fetching is split up into a serverless function, a hook, and display component. Fetching is done with a serverless function as to not expose the whole profile response into the browser.
 
 If you want to know how, have a look at the respective components:
 
-- [`api/location.js`](api/location.js)
 - [`src/hooks/useLocation.js`](src/hooks/useLocation.js)
 - [`src/components/molecules/Location.jsx`](src/components/molecules/Location.jsx)
+- [kremalicious/location](https://github.com/kremalicious/location)
 
 ### 💅 Theme switcher
 

api/location.js

@@ -1,15 +0,0 @@
-import axios from 'axios'
-
-export default async function getLocationHandler(req, res) {
-  if (!process.env.NOMADLIST_PROFILE) return
-
-  try {
-    const response = await axios(
-      `https://nomadlist.com/@${process.env.NOMADLIST_PROFILE}.json?key=${process.env.NOMADLIST_KEY}`
-    )
-    if (!response?.data) return
-    res.json(response.data.location)
-  } catch (error) {
-    res.status(500).send(error)
-  }
-}

src/api

@@ -1 +0,0 @@
-../api

src/components/molecules/Location.jsx

@@ -37,7 +37,7 @@ export default function Location({ hide }) {
   const isDifferentCountry = now?.country !== next?.country
   const relativeTime = new RelativeTime({ locale: 'en' })
 
-  return !hide && now ? (
+  return !hide && now?.city ? (
     <motion.aside
       variants={moveInTop}
       className={styleLocation}

src/hooks/useLocation.js

@@ -7,7 +7,7 @@ export const useLocation = () => {
   useEffect(() => {
     async function fetchData() {
       try {
-        const response = await axios(`/api/location`)
+        const response = await axios('https://location.kremalicious.com')
         if (!response) return
         setLocation(response.data)
       } catch (error) {