rfactor types

components/NetworkMap/NetworkMap.tsx

+import { NetworkTopologyData } from '@/types/types';
 import {
   EuiToolTip,
   EuiSelect,
@@ -11,39 +12,6 @@ import React, { useEffect, useState, useRef } from 'react';
 
 cytoscape.use(fcose);
 
-interface IptrunkSideNode {
-  subscription_instance_id: string;
-  router_fqdn: string;
-  router_access_via_ts: boolean;
-  router_lo_ipv4_address: string;
-  router_lo_ipv6_address: string;
-  router_lo_iso_address: string;
-  router_role: string;
-  vendor: string;
-  router_site: {
-    site_internal_id: string;
-    site_name: string;
-    site_city: string;
-    site_country: string;
-    site_latitude: number;
-    site_longitude: number;
-  };
-}
-
-interface Iptrunk {
-  subscription_instance_id: string;
-  iptrunk_isis_metric: string;
-  iptrunk_capacity: string;
-  iptrunk_type: string;
-  iptrunk_ipv4_network: string;
-  iptrunk_ipv6_network: string;
-  iptrunk_sides: Array<{ iptrunk_side_node: IptrunkSideNode }>;
-}
-
-interface NetworkTopologyData {
-  iptrunks: Array<{ iptrunk: Iptrunk; insync: boolean }>;
-}
-
 interface NetworkMapProps {
   data: NetworkTopologyData | null;
 }

pages/maps/index.tsx

 import NetworkMap from '@/components/NetworkMap/NetworkMap';
+import { NetworkTopologyData } from '@/types/types';
 import axios from 'axios';
 import { NextPage, GetServerSideProps } from 'next';
 import Head from 'next/head';
 import React from 'react';
 
-interface IptrunkSideNode {
-  subscription_instance_id: string;
-  router_fqdn: string;
-  router_access_via_ts: boolean;
-  router_lo_ipv4_address: string;
-  router_lo_ipv6_address: string;
-  router_lo_iso_address: string;
-  router_role: string;
-  vendor: string;
-  router_site: {
-    site_internal_id: string;
-    site_name: string;
-    site_city: string;
-    site_country: string;
-    site_latitude: number;
-    site_longitude: number;
-  };
-}
-
-interface Iptrunk {
-  subscription_instance_id: string;
-  iptrunk_isis_metric: string;
-  iptrunk_capacity: string;
-  iptrunk_type: string;
-  iptrunk_ipv4_network: string;
-  iptrunk_ipv6_network: string;
-  iptrunk_sides: Array<{ iptrunk_side_node: IptrunkSideNode }>;
-}
-
-interface NetworkTopologyData {
-  iptrunks: Array<{ iptrunk: Iptrunk; insync: boolean }>;
-}
-
 interface MapsProps {
   networkTopologyData: NetworkTopologyData;
 }

types/types.ts

+export interface IptrunkSideNode {
+  subscription_instance_id: string;
+  router_fqdn: string;
+  router_access_via_ts: boolean;
+  router_lo_ipv4_address: string;
+  router_lo_ipv6_address: string;
+  router_lo_iso_address: string;
+  router_role: string;
+  vendor: string;
+  router_site: {
+    site_internal_id: string;
+    site_name: string;
+    site_city: string;
+    site_country: string;
+    site_latitude: number;
+    site_longitude: number;
+  };
+}
+
+export interface Iptrunk {
+  subscription_instance_id: string;
+  iptrunk_isis_metric: string;
+  iptrunk_capacity: string;
+  iptrunk_type: string;
+  iptrunk_ipv4_network: string;
+  iptrunk_ipv6_network: string;
+  iptrunk_sides: Array<{ iptrunk_side_node: IptrunkSideNode }>;
+}
+
+export interface NetworkTopologyData {
+  iptrunks: Array<{ iptrunk: Iptrunk; insync: boolean }>;
+}