feat: switch app store region based on lang

api/services/appstore.js

@@ -1,19 +1,19 @@
 const { send, sendError, fetch } = require('../util/http')
 
 module.exports = async (req, res) => {
-  const { query } = req.query
+  const { query, country } = req.query
 
   if (!query) {
     return res.status(400).json({ error: 'no query given' })
   }
 
   const term = encodeURIComponent(query)
-  const country = 'us'
+  // const country = 'us'
   const limit = 3
 
   try {
     const response = await fetch(
-      `https://itunes.apple.com/search?media=software&entity=software,iPadSoftware,macSoftware,softwareDeveloper&country=${country}&limit=${limit}&term=${term}`,
+      `https://itunes.apple.com/search?media=software&entity=software,iPadSoftware,macSoftware&country=${country}&limit=${limit}&term=${term}`,
       'GET'
     )
     const body = await response.json()

web/public/locales/en/translation.json

@@ -18,5 +18,6 @@
     "s3": "AWS S3",
     "jsorg": "js.org"
   },
+  "countryCode": "us",
   "try": "How about"
 }

web/public/locales/ja/translation.json

@@ -18,5 +18,6 @@
     "s3": "AWS S3",
     "jsorg": "js.org"
   },
+  "countryCode": "jp",
   "try": "これはどう?"
 }

web/src/components/cards/AppStoreCard.js

@@ -6,8 +6,11 @@ import { FaAppStore } from 'react-icons/fa'
 import { Card, Result } from '../Cards'
 
 function Search({ query }) {
+  const { t } = useTranslation()
   const term = encodeURIComponent(query)
-  const response = useFetch(`/availability/appstore/${term}`)
+  const response = useFetch(
+    `/availability/appstore/${term}?country=${t('countryCode')}`
+  )
   const apps = response.result
 
   return (