fix: remove trailing whitespace from frontend files

Author: Ayan-Nalawade

gs/frontend/aro/src/new-request/new-request-form.tsx

@@ -14,14 +14,14 @@ const NewRequestForm = () => {
 
   const handleSubmit = async (event: React.FormEvent) => {
     event.preventDefault();
-    
+
     try {
       const submission = {
         latitude,
         longitude,
 
       };
-      
+
       const response = await fetch('http://localhost:5000/aro-request', {
         method: 'POST',
         headers: {
@@ -39,11 +39,11 @@ const NewRequestForm = () => {
 
       const result = await response.json();
       console.log('Request submitted successfully:', result);
-      
+
       alert("Request submitted successfully! You can view it in your requests list.");
-      
 
-      
+
+
     } catch (error) {
       console.error('Error submitting request:', error);
       alert("Error submitting request. Please try again.");

gs/frontend/aro/src/profile/profile-api.ts

@@ -13,11 +13,11 @@ export const getProfile = async (): Promise<ProfileData> => {
         // 'Authorization': `Bearer ${token}`
       },
     });
-    
+
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }
-    
+
     const data = await response.json();
     return data;
   } catch (error) {
@@ -41,7 +41,7 @@ export const updateProfile = async (data: ProfileData): Promise<void> => {
       },
       body: JSON.stringify(data),
     });
-    
+
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }

gs/frontend/aro/src/requests/request-item-data.ts

@@ -1,23 +1,23 @@
 
-export type AROCommandStatus = 
-  | 'pending' 
-  | 'scheduled' 
-  | 'taken' 
-  | 'cancelled' 
-  | 'failed' 
+export type AROCommandStatus =
+  | 'pending'
+  | 'scheduled'
+  | 'taken'
+  | 'cancelled'
+  | 'failed'
   | 'completed';
 
 export interface RequestItemData {
   id: number;
   aro_id?: number;
-  latitude: number; 
-  longitude: number; 
-  status: AROCommandStatus; 
+  latitude: number;
+  longitude: number;
+  status: AROCommandStatus;
   created_on: Date;
   request_sent_to_obc_on: Date | null;
   pic_taken_on: Date | null;
   pic_transmitted_on: Date | null;
-  packet_id?: number | null; 
-  cancellable_after: Date; 
+  packet_id?: number | null;
+  cancellable_after: Date;
   // Add more properties as needed
 }

gs/frontend/aro/src/requests/requests-api.ts

@@ -3,22 +3,22 @@ import type { RequestItemData } from "./request-item-data.ts";
 export const getRequestItems = async (): Promise<RequestItemData[]> => {
   try {
     const response = await fetch('http://localhost:5000/aro-request');
-    
+
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }
-    
+
     const data = await response.json();
-    
+
 
     return data.map((item: any) => ({
       ...item,
-      status: item.status.toLowerCase(), 
+      status: item.status.toLowerCase(),
       created_on: new Date(item.created_on),
       request_sent_to_obc_on: item.request_sent_to_obc_on ? new Date(item.request_sent_to_obc_on) : null,
       pic_taken_on: item.pic_taken_on ? new Date(item.pic_taken_on) : null,
       pic_transmitted_on: item.pic_transmitted_on ? new Date(item.pic_transmitted_on) : null,
-      cancellable_after: item.cancellable_after ? new Date(item.cancellable_after) : new Date(), 
+      cancellable_after: item.cancellable_after ? new Date(item.cancellable_after) : new Date(),
     }));
   } catch (error) {
     console.error('Error fetching ARO requests:', error);

gs/frontend/aro/src/requests/requests.tsx

@@ -17,7 +17,7 @@ const Requests = () => {
   const [data, setData] = useState<RequestItemData[]>([]);
   const [sorting, setSorting] = useState<SortingState>([]);
   const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
-  
+
   useEffect(() => {
     const getRequestItemsRegular = async () => {
       const response = await getRequestItems();
@@ -38,7 +38,7 @@ const Requests = () => {
   };
 
   const columnHelper = createColumnHelper<RequestItemData>();
-  
+
   const columns = useMemo(() => [
     columnHelper.accessor("id", {
       header: "ID",
@@ -60,12 +60,12 @@ const Requests = () => {
         const statusDisplay = status.charAt(0).toUpperCase() + status.slice(1);
         const getStatusColor = (status: AROCommandStatus) => {
           switch (status) {
-            case 'pending': return '#ffc107'; 
-            case 'scheduled': return '#007bff'; 
-            case 'taken': return '#28a745'; 
-            case 'cancelled': return '#6c757d'; 
-            case 'failed': return '#dc3545'; 
-            case 'completed': return '#28a745'; 
+            case 'pending': return '#ffc107';
+            case 'scheduled': return '#007bff';
+            case 'taken': return '#28a745';
+            case 'cancelled': return '#6c757d';
+            case 'failed': return '#dc3545';
+            case 'completed': return '#28a745';
             default: return '#000';
           }
         };
@@ -151,7 +151,7 @@ const Requests = () => {
           {table.getHeaderGroups().map(headerGroup => (
             <tr key={headerGroup.id}>
               {headerGroup.headers.map(header => (
-                <th 
+                <th
                   key={header.id}
                   style={{ cursor: header.column.getCanSort() ? 'pointer' : 'default' }}
                   onClick={header.column.getToggleSortingHandler()}

gs/frontend/aro/src/shared-types.ts

@@ -1,26 +1,26 @@
 // Shared types based on database schema for ARO and MCC frontends
 
 // Enums matching database schema
-export type AROCommandStatus = 
-  | 'pending' 
-  | 'scheduled' 
-  | 'taken' 
-  | 'cancelled' 
-  | 'failed' 
+export type AROCommandStatus =
+  | 'pending'
+  | 'scheduled'
+  | 'taken'
+  | 'cancelled'
+  | 'failed'
   | 'completed';
 
-export type CommandStatus = 
-  | 'pending' 
-  | 'scheduled' 
-  | 'ongoing' 
-  | 'cancelled' 
-  | 'failed' 
+export type CommandStatus =
+  | 'pending'
+  | 'scheduled'
+  | 'ongoing'
+  | 'cancelled'
+  | 'failed'
   | 'completed';
 
-export type SessionStatus = 
-  | 'pending' 
-  | 'scheduled' 
-  | 'ongoing' 
+export type SessionStatus =
+  | 'pending'
+  | 'scheduled'
+  | 'ongoing'
   | 'completed';
 
 export type MainPacketType = 'uplink' | 'downlink';
@@ -29,10 +29,10 @@ export type MainPacketType = 'uplink' | 'downlink';
 export interface ARORequest {
   id: number;
   aro_id: number;
-  latitude: number; 
+  latitude: number;
   longitude: number;
   status: AROCommandStatus;
-  created_on: string; 
+  created_on: string;
   request_sent_to_obc_on: string | null;
   pic_taken_on: string | null;
   pic_transmitted_on: string | null;
@@ -41,7 +41,7 @@ export interface ARORequest {
 
 export interface Session {
   id: number;
-  start_time: string; 
+  start_time: string;
   end_time: string | null;
   status: SessionStatus;
 }

gs/frontend/mcc/src/aro-requests/aro-requests.tsx

@@ -16,11 +16,11 @@ import { type AROCommandStatus } from "../shared-types.ts";
 
 type AROItemProps = {
   id: number;
-  aro_id?: number; 
+  aro_id?: number;
   latitude: number;
-  longitude: number; 
-  status: AROCommandStatus; 
-  created_on?: string; 
+  longitude: number;
+  status: AROCommandStatus;
+  created_on?: string;
   request_sent_to_obc_on?: string | null;
   pic_taken_on?: string | null;
   pic_transmitted_on?: string | null;
@@ -51,11 +51,11 @@ function ARORequests() {
     }),
     columnHelper.accessor("latitude", {
       header: "Latitude",
-      cell: (info) => info.getValue().toFixed(6), 
+      cell: (info) => info.getValue().toFixed(6),
     }),
     columnHelper.accessor("longitude", {
-      header: "Longitude", 
-      cell: (info) => info.getValue().toFixed(6), 
+      header: "Longitude",
+      cell: (info) => info.getValue().toFixed(6),
     }),
     columnHelper.accessor("status", {
       header: "Status",
@@ -65,12 +65,12 @@ function ARORequests() {
         const statusDisplay = status.charAt(0).toUpperCase() + status.slice(1);
         const getStatusColor = (status: AROCommandStatus) => {
           switch (status) {
-            case 'pending': return '#ffc107'; 
-            case 'scheduled': return '#007bff'; 
-            case 'taken': return '#28a745'; 
-            case 'cancelled': return '#6c757d'; 
-            case 'failed': return '#dc3545'; 
-            case 'completed': return '#28a745'; 
+            case 'pending': return '#ffc107';
+            case 'scheduled': return '#007bff';
+            case 'taken': return '#28a745';
+            case 'cancelled': return '#6c757d';
+            case 'failed': return '#dc3545';
+            case 'completed': return '#28a745';
             default: return '#000';
           }
         };
@@ -116,13 +116,13 @@ function ARORequests() {
           Available statuses: pending, scheduled, taken, cancelled, failed, completed
         </small>
       </div>
-      
+
       <Table striped bordered hover variant="light">
         <thead>
           {table.getHeaderGroups().map(headerGroup => (
             <tr key={headerGroup.id}>
               {headerGroup.headers.map(header => (
-                <th 
+                <th
                   key={header.id}
                   style={{ cursor: header.column.getCanSort() ? 'pointer' : 'default' }}
                   onClick={header.column.getToggleSortingHandler()}

gs/frontend/mcc/src/common/logs.tsx

@@ -84,13 +84,13 @@ function Logs() {
           style={{ marginRight: "1rem" }}
         />
       </div>
-      
+
       <Table responsive="sm">
         <thead>
           {table.getHeaderGroups().map(headerGroup => (
             <tr key={headerGroup.id}>
               {headerGroup.headers.map(header => (
-                <th 
+                <th
                   key={header.id}
                   style={{ cursor: header.column.getCanSort() ? 'pointer' : 'default' }}
                   onClick={header.column.getToggleSortingHandler()}

gs/frontend/mcc/src/mission-commands/mission-commands.tsx

@@ -90,11 +90,11 @@ function MissionCommands() {
         </thead>
         <tbody>
           <tr>
-            {commandResponse && 
+            {commandResponse &&
               <td>
-                {filterText ? 
-                  commandResponse.toString().includes(filterText) ? 
-                    commandResponse : "No matching output" 
+                {filterText ?
+                  commandResponse.toString().includes(filterText) ?
+                    commandResponse : "No matching output"
                   : commandResponse}
               </td>
             }

gs/frontend/mcc/src/shared-types.ts

@@ -1,26 +1,26 @@
 // Shared types based on database schema for ARO and MCC frontends
 
 // Enums matching database schema
-export type AROCommandStatus = 
-  | 'pending' 
-  | 'scheduled' 
-  | 'taken' 
-  | 'cancelled' 
-  | 'failed' 
+export type AROCommandStatus =
+  | 'pending'
+  | 'scheduled'
+  | 'taken'
+  | 'cancelled'
+  | 'failed'
   | 'completed';
 
-export type CommandStatus = 
-  | 'pending' 
-  | 'scheduled' 
-  | 'ongoing' 
-  | 'cancelled' 
-  | 'failed' 
+export type CommandStatus =
+  | 'pending'
+  | 'scheduled'
+  | 'ongoing'
+  | 'cancelled'
+  | 'failed'
   | 'completed';
 
-export type SessionStatus = 
-  | 'pending' 
-  | 'scheduled' 
-  | 'ongoing' 
+export type SessionStatus =
+  | 'pending'
+  | 'scheduled'
+  | 'ongoing'
   | 'completed';
 
 export type MainPacketType = 'uplink' | 'downlink';