more work

src/components/AccountsTable/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { ChevronDownIcon } from "@heroicons/react/20/solid";
 import { PlusCircleIcon } from "@heroicons/react/20/solid";
-import { ColumnHeadings } from "@src/lib/bb_utils";
+import { ColumnHeadings } from "@src/lib/utils";
 import styles from '../styles.module.css';
 import PageHero from "@components/PageHero";
 
@@ -66,6 +66,7 @@ export default async function AccountsTable( props: any ) {
                 </tr>
               </thead>
               <tbody className=" divide-y divide-gray-200 bg-white">
+                <Suspense fallback={<Loading />}>
                 {props.data.map((item: any) => (
                   <tr key={item.uuid}>
                     <td className="whitespace-wrap flex items-center py-4 pl-4 pr-3 text-xs font-medium text-gray-900 ">
@@ -96,6 +97,7 @@ export default async function AccountsTable( props: any ) {
                     </td>
                   </tr>                  
                 ))}
+                </Suspense>
               </tbody>
             </table>