geo intergation

libs/shared/lib/vis/visualizations/mapvis/archive/FilterMenu.tsx

 import React from 'react';
 import { Close, ExpandLess, ExpandMore, PlayArrow } from '@mui/icons-material';
-import { GraphType } from '../types';
+import { GraphMetadata } from '@graphpolaris/shared/lib/data-access/statistics';
 
 type Props = {
-  graph: GraphType;
   setShowFilter: React.Dispatch<React.SetStateAction<boolean>>;
+  graphMetadata: GraphMetadata;
 };
 
 const minDistance = 10;
 
-export default function FilterMenu({ graph, setShowFilter }: Props) {
+export default function FilterMenu({ setShowFilter, graphMetadata }: Props) {
   const [range, setRange] = React.useState<number>(20);
   const [expanded, setExpanded] = React.useState<boolean>(true);
   const [filterBy, setFilterBy] = React.useState<string>('');
   const [playing, setPlaying] = React.useState<boolean>(false);
 
-  const edgeAttributes = graph.getGraphInfo().edgeAttributes;
+  const edgeAttributes = graphMetadata.edges.types;
 
   return (
     <div className="absolute z-10 bg-light w-11/12 bottom-5 p-2.5 left-2/4 -translate-x-1/2 shadow-sm">