alkem-io / client-web / #8906

import React, { FC, useState } from 'react';

import AdminLayout from '@/domain/platformAdmin/layout/toplevel/AdminLayout';

import { AdminSection } from '@/domain/platformAdmin/layout/toplevel/constants';

import useAdminGlobalUserList from '@/domain/platformAdmin/domain/users/useAdminGlobalUserList';

import SearchableListLayout from '@/domain/shared/components/SearchableList/SearchableListLayout';

import { SearchableListItem } from '@/domain/shared/components/SearchableList/SimpleSearchableTable';

import { IconButton } from '@mui/material';

import { TuneOutlined } from '@mui/icons-material';

import LicensePlanDialog from '@/domain/platformAdmin/domain/organizations/LicensePlanDialog';

import AdminSearchableTable from '@/domain/platformAdmin/components/AdminSearchableTable';

const AdminUsersPage: FC = () => {

  const [licenseDialogOpen, setLicenseDialogOpen] = useState(false);

  const onSettingsClick = (item: SearchableListItem) => {

  const assignLicense = async (entityId: string, planId: string) => {

  const revokeLicense = async (entityId: string, planId: string) => {

  const getActions = (item: SearchableListItem) => {

      </IconButton>

    );

  };

  return (

      <SearchableListLayout>

        <AdminSearchableTable data={userList} {...listProps} itemActions={getActions} />

      </SearchableListLayout>

      {selectedItem?.accountId && (

          open={licenseDialogOpen}

          accountId={selectedItem?.accountId}

          onClose={() => setLicenseDialogOpen(false)}

          assignLicensePlan={assignLicense}

          revokeLicensePlan={revokeLicense}

          activeLicensePlanIds={selectedItem.activeLicensePlanIds}

        />

      )}

    </AdminLayout>

  );

};

export default AdminUsersPage;