nafeu

return existingRows.map((row, index) => {
  const isMatchedRowWithSubRows = index === Number(id) && row.subRows;

  if (isMatchedRowWithSubRows) {
    const [, ...updatedPath] = path;

    return {
      ...row,
      subRows: insertIntoTable({
        existingRows: row.subRows,

nafeu

const isBaseCase = path.length === 1;

if (isBaseCase) {
  return existingRows.map((row, index) => {
    const isMatchedRowWithoutSubRows = index === Number(id) && !row.subRows;

    if (isMatchedRowWithoutSubRows) {
      return {
        ...row,
        subRows: subRowsToInsert

nafeu

const recursivelyUpdateTable = ({ tableData, childData, id }) => {
  return insertIntoTable({
    existingRows: tableData,
    subRowsToInsert: childData,
    path: id.split('.')
  });
}

const insertIntoTable = ({ existingRows, subRowsToInsert, path }) => {
  const id = path[0];

nafeu

const TableInstance = ({ tableData }) => {
  const [columns, data] = useMemo(
    () => {
      const columns = [
        {
          Header: 'Topic',
          accessor: 'name'
        },
        {
          Header: 'Active Members',

nafeu

const TableQuery = () => {
  const queryClient = useQueryClient();

  const [tableData, setTableData] = useState(null);

  const { data: apiResponse, isLoading } = useQuery('discussionGroups', fetchData);

  useEffect(() => {
    setTableData(apiResponse?.data);
  }, [apiResponse])

nafeu

[
  {
    "id": 1,
    "name": "How to use react-table in reporting dashboard",
    "active": 40,
    "status": "locked",
    "upvotes": 30
  },
  {
    "id": 2,

nafeu

const TableLayout = ({
  getTableProps,
  getTableBodyProps,
  headerGroups,
  rows,
  prepareRow,
}) => {
  return (
    <table {...getTableProps()}>
      <thead>

nafeu

/* Step 5: Build additional asset files */
Deno.writeTextFileSync(`${buildPath}/styles.css`, styles ? styles : '');
Deno.writeTextFileSync(`${buildPath}/favicon.svg`, getFaviconSvg(favicon));

nafeu

deno run --allow-read --allow-write --unstable main.ts example.md

nafeu

/* Step 4: Build pages into .html files with appropriate paths */
for (const page of pages) {
  const { path } = page;

  let outputPath: string;

  if (path === HOME_PATH) {
    outputPath = `${buildPath}/index.html`;
  } else {
    outputPath = `${buildPath}${path}/index.html`;