diff --git a/components/NetworkMap/NetworkMap.tsx b/components/NetworkMap/NetworkMap.tsx
index 73e058efa1ec069eca21467ab7768ce1105a7f76..373271c77b9ac28e5b7a139b21258773d78f7b69 100644
--- a/components/NetworkMap/NetworkMap.tsx
+++ b/components/NetworkMap/NetworkMap.tsx
@@ -40,11 +40,11 @@ interface Iptrunk {
iptrunk_sides: Array<{ iptrunk_side_node: IptrunkSideNode }>;
}
-export interface NetworkTopologyData {
+interface NetworkTopologyData {
iptrunks: Array<{ iptrunk: Iptrunk; insync: boolean }>;
}
-export interface NetworkMapProps {
+interface NetworkMapProps {
data: NetworkTopologyData | null;
}
diff --git a/pages/maps/index.tsx b/pages/maps/index.tsx
index 49ed824481f60a2fb89a635ddbd1307f6102ee60..d1b9b450466bb22ba28150bff040cbc8c184c781 100644
--- a/pages/maps/index.tsx
+++ b/pages/maps/index.tsx
@@ -1,20 +1,54 @@
-import NetworkMap, {
- NetworkMapProps,
- NetworkTopologyData,
-} from '@/components/NetworkMap/NetworkMap';
+import NetworkMap from '@/components/NetworkMap/NetworkMap';
import axios from 'axios';
import { NextPage, GetServerSideProps } from 'next';
import Head from 'next/head';
import React from 'react';
-const Maps: NextPage<NetworkMapProps> = ({ data }) => {
+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;
+}
+
+const Maps: NextPage<MapsProps> = ({ networkTopologyData }) => {
return (
<>
<Head>
<title>Maps</title>
</Head>
<div>
- <NetworkMap data={data} />
+ <NetworkMap data={networkTopologyData} />
</div>
</>
);