From 5fb5cd025f8007e5566a0c0fbe5837e13cc178d9 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Sun, 19 May 2024 19:13:13 +0200
Subject: [PATCH] Rename MostPopularScripts.tsx to MostViewedScripts.tsx and
 update filter condition to use "isMostViewed" instead of "isMostPopular"

---
 components/{MostPopularScripts.tsx => MostViewedScripts.tsx} | 4 ++--
 components/Script.tsx                                        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)
 rename components/{MostPopularScripts.tsx => MostViewedScripts.tsx} (97%)

diff --git a/components/MostPopularScripts.tsx b/components/MostViewedScripts.tsx
similarity index 97%
rename from components/MostPopularScripts.tsx
rename to components/MostViewedScripts.tsx
index 26ec95e..2849816 100644
--- a/components/MostPopularScripts.tsx
+++ b/components/MostViewedScripts.tsx
@@ -21,7 +21,7 @@ export default function MostPopulairScripts() {
     try {
       const res = await pb.collection("proxmox_scripts").getList(1, 3, {
         sort: "created",
-        filter: "isMostPopular = true",
+        filter: "isMostViewed = true",
       });
       setLatestScripts(res.items as unknown as Script[]);
     } catch (error) {
@@ -38,7 +38,7 @@ export default function MostPopulairScripts() {
   return (
     <div className="">
       <h2 className="mb-2 text-lg font-semibold">
-        Most Popular Scripts
+        Most Viewed Scripts
       </h2>
       <div className="min-w flex w-full flex-row flex-wrap gap-4">
         {latestScripts.map((item) => (
diff --git a/components/Script.tsx b/components/Script.tsx
index 9d7ebe5..87dda91 100644
--- a/components/Script.tsx
+++ b/components/Script.tsx
@@ -12,7 +12,7 @@ import { Script } from "@/lib/types";
 import { useSearchParams  } from "next/navigation";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import LatestScripts from "./LatestScripts";
-import MostPopulairScripts from "./MostPopularScripts";
+import MostPopulairScripts from "./MostViewedScripts";
 
 function ScriptItem() {
   const [item, setItem] = useState<Script | null>(null);