feat: removed last bit of workspace in frontend. Fatality!

frontend/src/pages/project/SettingsPage/components/AuditLogsRetentionSection/AuditLogsRetentionSection.tsx

@@ -5,10 +5,10 @@ import { z } from "zod";
 import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
 import { createNotification } from "@app/components/notifications";
 import { Button, FormControl, Input } from "@app/components/v2";
-import { useProjectPermission, useSubscription, useWorkspace } from "@app/context";
+import { useProjectPermission, useSubscription, useProject } from "@app/context";
 import { usePopUp } from "@app/hooks";
 import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
-import { useUpdateWorkspaceAuditLogsRetention } from "@app/hooks/api/workspace/queries";
+import { useUpdateWorkspaceAuditLogsRetention } from "@app/hooks/api/projects/queries";
 
 const formSchema = z.object({
   auditLogsRetentionDays: z.coerce.number().min(0)
@@ -19,7 +19,7 @@ type TForm = z.infer<typeof formSchema>;
 export const AuditLogsRetentionSection = () => {
   const { mutateAsync: updateAuditLogsRetention } = useUpdateWorkspaceAuditLogsRetention();
 
-  const { currentWorkspace } = useWorkspace();
+  const { currentProject } = useProject();
   const { membership } = useProjectPermission();
   const { subscription } = useSubscription();
   const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["upgradePlan"] as const);
@@ -32,11 +32,11 @@ export const AuditLogsRetentionSection = () => {
     resolver: zodResolver(formSchema),
     values: {
       auditLogsRetentionDays:
-        currentWorkspace?.auditLogsRetentionDays ?? subscription?.auditLogsRetentionDays ?? 0
+        currentProject?.auditLogsRetentionDays ?? subscription?.auditLogsRetentionDays ?? 0
     }
   });
 
-  if (!currentWorkspace) return null;
+  if (!currentProject) return null;
 
   const handleAuditLogsRetentionSubmit = async ({ auditLogsRetentionDays }: TForm) => {
     try {
@@ -59,7 +59,7 @@ export const AuditLogsRetentionSection = () => {
 
       await updateAuditLogsRetention({
         auditLogsRetentionDays,
-        projectSlug: currentWorkspace.slug
+        projectSlug: currentProject.slug
       });
 
       createNotification({

frontend/src/pages/project/SettingsPage/components/DeleteProjectProtection/DeleteProjectProtection.tsx

@@ -1,20 +1,19 @@
 import { createNotification } from "@app/components/notifications";
 import { ProjectPermissionCan } from "@app/components/permissions";
 import { Checkbox } from "@app/components/v2";
-import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
-import { useToggleDeleteProjectProtection } from "@app/hooks/api/workspace/queries";
+import { ProjectPermissionActions, ProjectPermissionSub, useProject } from "@app/context";
+import { useUpdateProject } from "@app/hooks/api";
 
 export const DeleteProjectProtection = () => {
-  const { currentWorkspace } = useWorkspace();
-  const { mutateAsync } = useToggleDeleteProjectProtection();
+  const { projectId, currentProject } = useProject();
+
+  const { mutateAsync } = useUpdateProject();
 
   const handleToggleDeleteProjectProtection = async (state: boolean) => {
     try {
-      if (!currentWorkspace?.id) return;
-
       await mutateAsync({
-        workspaceID: currentWorkspace.id,
-        state
+        projectId: projectId,
+        hasDeleteProtection: state
       });
 
       const text = `Successfully ${state ? "enabled" : "disabled"} delete protection`;
@@ -40,7 +39,7 @@ export const DeleteProjectProtection = () => {
             <Checkbox
               id="hasDeleteProtection"
               isDisabled={!isAllowed}
-              isChecked={currentWorkspace?.hasDeleteProtection ?? false}
+              isChecked={currentProject?.hasDeleteProtection ?? false}
               onCheckedChange={(state) => {
                 handleToggleDeleteProjectProtection(state as boolean);
               }}

frontend/src/pages/project/SettingsPage/components/DeleteProjectSection/DeleteProjectSection.tsx

@@ -10,7 +10,7 @@ import {
   ProjectPermissionSub,
   useOrganization,
   useProjectPermission,
-  useWorkspace
+  useProject
 } from "@app/context";
 import { useToggle } from "@app/hooks";
 import { useDeleteWorkspace, useGetWorkspaceUsers, useLeaveProject } from "@app/hooks/api";
@@ -26,13 +26,13 @@ export const DeleteProjectSection = () => {
 
   const { currentOrg } = useOrganization();
   const { hasProjectRole, membership } = useProjectPermission();
-  const { currentWorkspace } = useWorkspace();
+  const { currentProject } = useProject();
   const [isDeleting, setIsDeleting] = useToggle();
   const [isLeaving, setIsLeaving] = useToggle();
   const deleteWorkspace = useDeleteWorkspace();
   const leaveProject = useLeaveProject();
   const { data: members, isPending: isMembersLoading } = useGetWorkspaceUsers(
-    currentWorkspace?.id || ""
+    currentProject?.id || ""
   );
 
   // If isNoAccessMember is true, then the user can't read the workspace members. So we need to handle this case separately.
@@ -51,10 +51,10 @@ export const DeleteProjectSection = () => {
   const handleDeleteWorkspaceSubmit = async () => {
     setIsDeleting.on();
     try {
-      if (!currentWorkspace?.id) return;
+      if (!currentProject?.id) return;
 
       await deleteWorkspace.mutateAsync({
-        workspaceID: currentWorkspace?.id
+        projectID: currentProject?.id
       });
 
       createNotification({
@@ -81,7 +81,7 @@ export const DeleteProjectSection = () => {
     try {
       setIsLeaving.on();
 
-      if (!currentWorkspace?.id || !currentOrg?.id) return;
+      if (!currentProject?.id || !currentOrg?.id) return;
 
       // If there's no members, and the user has access to read members, something went wrong.
       if (!members && !isNoAccessMember) return;
@@ -110,7 +110,7 @@ export const DeleteProjectSection = () => {
       // If it's actually a no-access member, then we don't really care about the members.
 
       await leaveProject.mutateAsync({
-        workspaceId: currentWorkspace.id
+        projectId: currentProject.id
       });
 
       navigate({
@@ -141,7 +141,7 @@ export const DeleteProjectSection = () => {
               type="submit"
               onClick={() => handlePopUpOpen("deleteWorkspace")}
             >
-              {`Delete ${currentWorkspace?.name}`}
+              {`Delete ${currentProject?.name}`}
             </Button>
           )}
         </ProjectPermissionCan>
@@ -154,7 +154,7 @@ export const DeleteProjectSection = () => {
             type="submit"
             onClick={() => handlePopUpOpen("leaveWorkspace")}
           >
-            {`Leave ${currentWorkspace?.name}`}
+            {`Leave ${currentProject?.name}`}
           </Button>
         )}
       </div>
@@ -162,7 +162,7 @@ export const DeleteProjectSection = () => {
       <DeleteActionModal
         isOpen={popUp.deleteWorkspace.isOpen}
         title="Are you sure you want to delete this project?"
-        subTitle={`Permanently delete ${currentWorkspace?.name} and all of its data. This action is not reversible, so please be careful.`}
+        subTitle={`Permanently delete ${currentProject?.name} and all of its data. This action is not reversible, so please be careful.`}
         onChange={(isOpen) => handlePopUpToggle("deleteWorkspace", isOpen)}
         deleteKey="confirm"
         buttonText="Delete Project"
@@ -172,7 +172,7 @@ export const DeleteProjectSection = () => {
       <LeaveProjectModal
         isOpen={popUp.leaveWorkspace.isOpen}
         title="Are you sure you want to leave this project?"
-        subTitle={`If you leave ${currentWorkspace?.name} you will lose access to the project and its contents.`}
+        subTitle={`If you leave ${currentProject?.name} you will lose access to the project and its contents.`}
         onChange={(isOpen) => handlePopUpToggle("leaveWorkspace", isOpen)}
         deleteKey="confirm"
         buttonText="Leave Project"