refactor(FE): Restrict edit and delete actions based on recording status

src/components/pages/production/recording/RecordingTable.tsx

@@ -104,8 +104,19 @@ const RowOptionsMenu = ({
     return recording.approval?.action === 'REJECTED';
   };
 
+  const isRecordingEditable = (recording: Recording) => {
+    if (
+      recording.executed_at &&
+      recording.project_flock?.project_flock_category === 'GROWING'
+    ) {
+      return false;
+    }
+    return true;
+  };
+
   const isApproved = isRecordingApproved(props.row.original);
   const isRejected = isRecordingRejected(props.row.original);
+  const isEditable = isRecordingEditable(props.row.original);
 
   return (
     <div className='relative'>
@@ -138,6 +149,7 @@ const RowOptionsMenu = ({
               View Details
             </Button>
           </RequirePermission>
+          {isEditable && (
             <RequirePermission permissions='lti.production.recording.update'>
               <Button
                 href={`/production/recording/detail/edit/?recordingId=${props.row.original.id}`}
@@ -150,6 +162,7 @@ const RowOptionsMenu = ({
                 Edit
               </Button>
             </RequirePermission>
+          )}
           {!isApproved && !isRejected && (
             <RequirePermission permissions='lti.production.recording.approve'>
               <Button
@@ -182,6 +195,7 @@ const RowOptionsMenu = ({
               </Button>
             </RequirePermission>
           )}
+          {isEditable && (
             <RequirePermission permissions='lti.production.recording.delete'>
               <Button
                 onClick={() => {
@@ -196,6 +210,7 @@ const RowOptionsMenu = ({
                 Delete
               </Button>
             </RequirePermission>
+          )}
         </div>
       </PopoverContent>
     </div>

src/types/api/production/recording.d.ts

@@ -49,6 +49,7 @@ export type BaseRecording = {
   project_flock: ProjectFlock;
   record_datetime: string;
   day: number;
+  executed_at: string;
 } & ProductionMetrics;
 
 export type RecordingDepletion = {