From e8d3cca15ec3a594fe39d2d8f17987f846517b49 Mon Sep 17 00:00:00 2001
From: Mohammed Mohsin <59914433+mdmohsin7@users.noreply.github.com>
Date: Thu, 14 Nov 2024 20:14:51 +0530
Subject: [PATCH] use approved-apps endpoint for webapp and minor ui fixes

---
 frontend/src/app/apps/[id]/page.tsx | 8 ++++----
 frontend/src/app/apps/page.tsx      | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/apps/[id]/page.tsx b/frontend/src/app/apps/[id]/page.tsx
index 80e605f41e3..5aef9ece2b2 100644
--- a/frontend/src/app/apps/[id]/page.tsx
+++ b/frontend/src/app/apps/[id]/page.tsx
@@ -30,7 +30,7 @@ const COST_CONSTANT = 0.05;
 
 export default async function PluginDetailView({ params }: { params: { id: string } }) {
   // const [darkMode, setDarkMode] = useState(false);
-  var response = await fetch(`${envConfig.API_URL}/plugins?uid=s5rl6e7nk8cc9rn2`);
+  var response = await fetch(`${envConfig.API_URL}/v1/approved-apps?include_reviews=true`);
   const plugins = (await response.json()) as Plugin[];
 
   // Get params in a server component
@@ -60,7 +60,7 @@ export default async function PluginDetailView({ params }: { params: { id: strin
         <div className="mb-6 flex items-center justify-between">
           <Link
             href="/apps"
-            className="flex items-center text-gray-600 transition-colors hover:text-gray-800 dark:text-gray-300 dark:hover:text-white"
+            className="pt-8 flex items-center text-gray-600 transition-colors hover:text-gray-800 dark:text-gray-300 dark:hover:text-white"
           >
             <ArrowLeft className="mr-2" />
             Back to Apps
@@ -84,7 +84,7 @@ export default async function PluginDetailView({ params }: { params: { id: strin
           <CardHeader>
             <div className="mb-4 flex items-center">
               <img
-                src={`https://raw.githubusercontent.com/BasedHardware/Omi/main${plugin.image}`}
+                src={plugin.image}
                 alt={plugin.name}
                 className="mr-6 h-24 w-24 rounded-full object-cover"
               />
@@ -111,7 +111,7 @@ export default async function PluginDetailView({ params }: { params: { id: strin
               <div className="flex flex-col items-center rounded-lg bg-white p-4 shadow dark:bg-gray-800">
                 <DollarSign className="mb-2 h-8 w-8 text-green-500" />
                 <span className="text-2xl font-bold text-gray-800 dark:text-white">
-                  ${stat.money}
+                  ${stat == undefined ? 0 : stat.money}
                 </span>
                 <span className="text-gray-600 dark:text-gray-400">Total Earned</span>
               </div>
diff --git a/frontend/src/app/apps/page.tsx b/frontend/src/app/apps/page.tsx
index 169c396cf1b..20f51c9b039 100644
--- a/frontend/src/app/apps/page.tsx
+++ b/frontend/src/app/apps/page.tsx
@@ -97,7 +97,7 @@ export default async function SleekPluginList() {
   //     document.documentElement.classList.remove('dark');
   //   }
   // }, [darkMode]);
-  var response = await fetch(`${envConfig.API_URL}/plugins?uid=s5rl6e7nk8cc9rn2`);
+  var response = await fetch(`${envConfig.API_URL}/v1/approved-apps?include_reviews=true`);
 
 
   const plugins = (await response.json()) as Plugin[];
@@ -111,7 +111,7 @@ export default async function SleekPluginList() {
   return (
     <div className="container mx-auto p-4">
       <div className="mb-6 flex items-center justify-between">
-        <h1 className="text-3xl font-bold text-gray-800 dark:text-white">Omi App Marketplace</h1>
+        <h1 className="pt-6 text-3xl font-bold text-gray-800 dark:text-white">Omi Apps Marketplace</h1>
         {/* <button
           variant="outline"
           size="icon"
@@ -145,7 +145,7 @@ function PluginCard({ plugin, stat }: { plugin: Plugin, stat?: PluginStat }) {
       <div className="flex h-full flex-col p-6">
         <div className="mb-4 flex items-center">
           <img
-            src={`https://raw.githubusercontent.com/BasedHardware/Omi/main${plugin.image}`}
+            src={plugin.image}
             alt={plugin.name}
             className="mr-4 h-16 w-16 rounded-full object-cover"
           />