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>