fix: normalize app store result

api/services/appstore/[query].ts

@@ -8,6 +8,8 @@ interface App {
   version: string;
   price: string;
   trackViewUrl: string;
+  sellerName: string;
+  formattedPrice: string;
 }
 
 interface AppStoreResponse {
@@ -37,9 +39,7 @@ export default async function handler(
     const apps = body.results.map((app) => ({
       id: app.trackId,
       name: app.trackName,
-      kind: app.kind,
-      version: app.version,
-      price: app.price,
+      author: app.sellerName,
       viewURL: app.trackViewUrl,
     }));
     send(res, { result: apps });

src/components/cards/providers/AppStore.tsx

@@ -12,7 +12,12 @@ const Search: React.FC<{ query: string }> = ({ query }) => {
       'countryCode'
     )}`
   ) as {
-    result: Array<{ name: string; viewURL: string; price: number; id: string }>;
+    result: Array<{
+      name: string;
+      viewURL: string;
+      author: string;
+      id: string;
+    }>;
   };
   const apps = response.result;
 
@@ -22,14 +27,18 @@ const Search: React.FC<{ query: string }> = ({ query }) => {
         apps.map((app) => (
           <Result
             title={app.name.split(/[－–—\-:]/)[0]}
-            message={`Price: ${app.price}`}
+            message={`By ${app.author}`}
             link={app.viewURL}
             icon={<SiAppstore />}
             key={app.id}
           />
         ))
       ) : (
-        <Result title={t('noResult')} icon={<FaInfoCircle />} />
+        <Result
+          title={t('noResult')}
+          message={t('noResult')}
+          icon={<FaInfoCircle />}
+        />
       )}
     </>
   );