add save report modal

apps/web/src/components/report/sidebar/ReportSaveButton.tsx

@@ -2,10 +2,10 @@ import { Button } from "@/components/ui/button";
 import { useReportId } from "../hooks/useReportId";
 import { api } from "@/utils/api";
 import { useSelector } from "@/redux";
+import { pushModal } from "@/modals";
 
-export function ReportSave() {
+export function ReportSaveButton() {
   const { reportId } = useReportId();
-  const save = api.report.save.useMutation();
   const update = api.report.update.useMutation();
   const report = useSelector((state) => state.report);
 
@@ -22,11 +22,9 @@ export function ReportSave() {
     return (
       <Button
         onClick={() => {
-          save.mutate({
+          pushModal('SaveReport', {
             report,
-            dashboardId: "9227feb4-ad59-40f3-b887-3501685733dd",
-            projectId: "f7eabf0c-e0b0-4ac0-940f-1589715b0c3d",
-          });
+          })
         }}
       >
         Create

apps/web/src/components/report/sidebar/ReportSidebar.tsx

@@ -1,13 +1,13 @@
 import { ReportEvents } from "./ReportEvents";
 import { ReportBreakdowns } from "./ReportBreakdowns";
-import { ReportSave } from "./ReportSave";
+import { ReportSaveButton } from "./ReportSaveButton";
 
 export function ReportSidebar() {
   return (
     <div className="flex flex-col gap-4 p-4">
       <ReportEvents />
       <ReportBreakdowns />
-      <ReportSave />
+      <ReportSaveButton />
     </div>
   );
 }