shares now open in a new tab

components/scoreplaylog/colums.tsx

@@ -68,13 +68,20 @@ export const columns: ColumnDef<Song>[] = [
       const song = row.original;
       const [error, setError] = useState<string>("");
       const router = useRouter();
-
+      
+      
       const handleGenerateShareToken = async () => {
         const { token, error } = await generateShareToken(row.original.id);
         if (error) {
           setError(error);
         } else {
-          router.push(`/${token}/${row.original.id}`);
+          const newTab = window.open(`/${token}/${row.original.id}`, '_blank');
+          if (newTab) {
+            newTab.focus();
+          } else {
+            // Handle popup blocker or inability to open new tab
+            router.push(`/${token}/${row.original.id}`);
+          }
         }
       };
 
@@ -95,7 +102,7 @@ export const columns: ColumnDef<Song>[] = [
             </DropdownMenuItem>
             <DropdownMenuSeparator />
             <DropdownMenuItem onClick={handleGenerateShareToken}>
-              View details
+              Share Song
             </DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>

components/scoreplaylog/page.tsx

@@ -1,20 +1,28 @@
 import { DataTable } from "./data-table";
 import { getSongsWithTitles } from "@/lib/api";
-import { Song, columns } from "./colums";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { getAuth } from "@/auth/queries/getauth";
+import { z } from "zod";
+import { columns } from "./colums";
 
-const ChunithmData = async () => {
+const userSchema = z.object({
+  UserId: z.number()
+});
+
+const ChunithmScorePlaylog = async () => {
   const { user } = await getAuth();
-  let songs: Song[] = [];
 
-  if (user?.UserId !== undefined) {
-    songs = await getSongsWithTitles(user.UserId);
-  } else {
-    return {
-      error: "no user id ",
-    };
+  const TypedUser = userSchema.safeParse(user);
+
+  if (!TypedUser.success) {
+    return (
+      <div className="p-10">
+        <p>Failed to load user data</p>
+      </div>
+    );
   }
+
+  const songs = await getSongsWithTitles(TypedUser.data.UserId);
+
   return (
     <div className="p-10">
       <DataTable columns={columns} data={songs} />
@@ -22,4 +30,4 @@ const ChunithmData = async () => {
   );
 };
 
-export default ChunithmData;
+export default ChunithmScorePlaylog;