remove nostore since data is static and re-name a var

vercel-labs · May 9, 2024 · d90336d · d90336d
1 parent 1b7a9ee
commit d90336d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/app/components/panel.tsx b/app/components/panel.tsx
@@ -10,15 +10,16 @@ interface ExpandedSections {
 }
 
 export default function Panel({
-  authors,
+  selectedAuthors,
   allAuthors,
 }: {
-  authors: string[];
+  selectedAuthors: string[];
   allAuthors: string[];
 }) {
   let router = useRouter();
   let [pending, startTransition] = useTransition();
-  let [optimisticAuthors, setOptimisticAuthors] = useOptimistic(authors);
+  let [optimisticAuthors, setOptimisticAuthors] =
+    useOptimistic(selectedAuthors);
   let [expandedSections, setExpandedSections] = useState<ExpandedSections>({});
   let [isPanelVisible, setPanelVisibility] = useState(false);
 

diff --git a/app/lib/data.ts b/app/lib/data.ts
@@ -1,5 +1,4 @@
 import { sql } from "@vercel/postgres";
-import { unstable_noStore as noStore } from "next/cache";
 
 const ITEMS_PER_PAGE = 30;
 
@@ -13,7 +12,6 @@ export async function fetchFilteredBooks(
   query: string,
   currentPage: number,
 ) {
-  noStore();
   const offset = (currentPage - 1) * ITEMS_PER_PAGE;
   if (selectedAuthors.length > 0) {
     try {
@@ -96,7 +94,6 @@ export async function fetchBookById(id: string) {
 }
 
 export async function fetchAuthors() {
-  noStore();
   try {
     const authors = await sql`
 		        SELECT DISTINCT "author"
@@ -116,7 +113,6 @@ export async function fetchAuthors() {
 }
 
 export async function fetchPages(query: string, selectedAuthors: string[]) {
-  noStore();
   if (selectedAuthors.length > 0) {
     try {
       const authorsDelimited = selectedAuthors.join("|");

diff --git a/app/page.tsx b/app/page.tsx
@@ -51,7 +51,7 @@ export default async function Page({
         <Pagination totalPages={totalPages} />
       </div>
       <div className="flex flex-col gap-6 py-6 lg:flex-row">
-        <Panel authors={selectedAuthors} allAuthors={allAuthors} />
+        <Panel selectedAuthors={selectedAuthors} allAuthors={allAuthors} />
         <Suspense fallback={<LoadingSkeleton />}>
           <Grid
             selectedAuthors={selectedAuthors}