Feat/flightplan rotation

src/frontend/src/assets/css/index.css

@@ -61,6 +61,12 @@ body {
 .scrollbar-images-grid::-webkit-scrollbar-thumb {
   background: transparent;
 }
+
+.has-dropshadow {
+  box-shadow:
+    2px 2px 5px rgb(255, 0, 0),
+    2px 2px 3px rgba(255, 0, 0, 0.692);
+}
 @keyframes pulse-animation {
   0% {
     box-shadow: 0 0 0 0 rgba(0, 70, 119, 0.5);

src/frontend/src/components/DroneOperatorTask/DescriptionSection/DescriptionBox/index.tsx

@@ -86,6 +86,14 @@ const DescriptionBox = () => {
       },
     });
 
+  const { data: flightTimeData }: any = useGetTaskWaypointQuery(
+    projectId as string,
+    taskId as string,
+    {
+      select: ({ data }: any) => data.flight_data,
+    },
+  );
+
   const { data: taskDescription }: Record<string, any> =
     useGetIndividualTaskQuery(taskId as string, {
       enabled: !!taskWayPoints,
@@ -126,7 +134,11 @@ const DescriptionBox = () => {
               { name: 'Total points', value: taskWayPoints?.length },
               {
                 name: 'Est. flight time',
-                value: taskData?.flight_time || null,
+                value: flightTimeData?.total_flight_time || null,
+              },
+              {
+                name: 'Est. flight time in seconds',
+                value: flightTimeData?.total_flight_time_seconds || null,
               },
             ],
           },