diff --git a/api/services/appstore.js b/api/services/appstore.js
index 44e1743..036663b 100644
--- a/api/services/appstore.js
+++ b/api/services/appstore.js
@@ -8,12 +8,12 @@ module.exports = async (req, res) => {
}
const term = encodeURIComponent(query)
- // const country = 'us'
- const limit = 3
+ const countryCode = country || 'us'
+ const limit = 10
try {
const response = await fetch(
- `https://itunes.apple.com/search?media=software&entity=software,iPadSoftware,macSoftware&country=${country}&limit=${limit}&term=${term}`,
+ `https://itunes.apple.com/search?media=software&entity=software,iPadSoftware,macSoftware&country=${countryCode}&limit=${limit}&term=${term}`,
'GET'
)
const body = await response.json()
diff --git a/web/src/components/cards/AppStoreCard.js b/web/src/components/cards/AppStoreCard.js
index 86d4efd..5346964 100644
--- a/web/src/components/cards/AppStoreCard.js
+++ b/web/src/components/cards/AppStoreCard.js
@@ -1,7 +1,7 @@
import React from 'react'
import useFetch from 'fetch-suspense'
import { useTranslation } from 'react-i18next'
-import { FaAppStore } from 'react-icons/fa'
+import { FaAppStore, FaInfoCircle } from 'react-icons/fa'
import { Card, Result } from '../Cards'
@@ -15,15 +15,19 @@ function Search({ query }) {
return (
<>
- {apps.map((app) => (
- }
- key={app.id}
- />
- ))}
+ {apps.length > 0 ? (
+ apps.map((app) => (
+ }
+ key={app.id}
+ />
+ ))
+ ) : (
+ } />
+ )}
>
)
}
diff --git a/web/src/components/cards/GithubSearchCard.js b/web/src/components/cards/GithubSearchCard.js
index f606bd7..9d13fad 100644
--- a/web/src/components/cards/GithubSearchCard.js
+++ b/web/src/components/cards/GithubSearchCard.js
@@ -1,28 +1,33 @@
import React from 'react'
import useFetch from 'fetch-suspense'
import { useTranslation } from 'react-i18next'
-import { FaGithub } from 'react-icons/fa'
+import { FaGithub, FaInfoCircle } from 'react-icons/fa'
import { Card, Result } from '../Cards'
function Search({ query }) {
const searchQuery = encodeURIComponent(`${query} in:name`)
+ const limit = 10
const response = useFetch(
- `https://api.github.com/search/repositories?q=${searchQuery}&per_page=3`
+ `https://api.github.com/search/repositories?q=${searchQuery}&per_page=${limit}`
)
const repos = response.items
return (
<>
- {repos.map((repo) => (
- }
- key={repo.id}
- />
- ))}
+ {repos.length > 0 ? (
+ repos.map((repo) => (
+ }
+ key={repo.id}
+ />
+ ))
+ ) : (
+ } />
+ )}
>
)
}