{t('providers.twitter')}
@@ -59,6 +64,12 @@ export default function Welcome() {
{t('providers.slack')}
+
+ {t('providers.s3')}
+
+
+ {t('providers.jsorg')}
+
)
diff --git a/web/src/components/cards/AppStoreCard.js b/web/src/components/cards/AppStoreCard.js
new file mode 100644
index 0000000..bcb3a92
--- /dev/null
+++ b/web/src/components/cards/AppStoreCard.js
@@ -0,0 +1,36 @@
+import React from 'react'
+import useFetch from 'fetch-suspense'
+import { useTranslation } from 'react-i18next'
+import { FaAppStore } from 'react-icons/fa'
+
+import { Card, Result } from '../Cards'
+
+function Search({ query }) {
+ const term = encodeURIComponent(query)
+ const response = useFetch(`/availability/appstore/${term}`)
+ const apps = response.result
+
+ return (
+
+ {apps.map((app) => (
+ }
+ key={app.id}
+ />
+ ))}
+
+ )
+}
+
+export default function AppStoreCard({ query }) {
+ const { t } = useTranslation()
+
+ return (
+
+
+
+ )
+}