move some parts to services and introduce the backend communication for the airports

src/services/airport.ts

@@ -0,0 +1,15 @@
+import axios from 'axios';
+import { Configuration } from './configuration';
+import { AirportOverview } from '../types';
+
+export class Airport {
+  static async all(): Promise<AirportOverview[]> {
+    return axios
+      .get<AirportOverview[]>(`${Configuration.resourceServer}/airport/all`, {
+        headers: {
+          Authorization: `Bearer ${sessionStorage.getItem('token')}`,
+        },
+      })
+      .then((response) => response.data);
+  }
+}

src/services/configuration.ts

@@ -0,0 +1,7 @@
+export const Configuration = {
+  resourceServer: process.env.RESOURCE_SERVER || 'http://localhost:3000',
+  vatsim: {
+    authorizeUrl: process.env.VATSIM_AUTH_URL || 'https://auth-dev.vatsim.net/oauth/authorize',
+    clientId: process.env.VATSIM_CLIENT_ID || '461',
+  },
+};

src/services/index.ts

@@ -0,0 +1,4 @@
+import { Airport } from "./airport";
+import { Configuration } from "./configuration";
+
+export { Airport, Configuration };