text: import React from 'react';
  import { useQuery } from '@apollo/client';
  import { queries } from '../../graphql/queries_manage'
  import 'ag-grid-community/dist/styles/ag-grid.css';
  import 'ag-grid-community/dist/styles/ag-theme-balham.css';
  
  export default function ManageCache() {
  
    const { data } = useQuery(queries.CacheKeys);
  
    if (!data) return "Loading";
  
    var sortedKeys = [...data.manage_cacheKeys];
    sortedKeys.sort();
  
    return <>
      <h2>Memory Cache</h2>
      <p>TODO: make editable / manageable</p>
      <ul>
        {sortedKeys.map(k => (<li key={k}>{k}</li>))}
      </ul>
    </>;
  }
  