daddy/client/src/components/HomePage/Dashboard.tsx

import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { fetchWorkgroups } from '../../store/actions/workgroups';
import { RootState } from '../../store/reducers/root';
import { WorkgroupsPanel } from './WorkgroupsPanel';

export function Dashboard() {
  return (
    <div className="columns">
      <div className="column">
        <WorkgroupsPanel />
      </div>
      <div className="column">
        <div className="box">
          <div className="level">
            <div className="level-left">
              <h3 className="is-size-3 subtitle level-item">D.A.Ds</h3>
            </div>
            <div className="level-right">
              <button disabled className="button is-primary level-item"><i className="fa fa-plus"></i></button>
            </div>
          </div>
          <pre>TODO</pre>
        </div>
      </div>
      <div className="column">
        <div className="box">
          <div className="level">
            <div className="level-left">
              <h3 className="is-size-3 subtitle level-item">Assemblées</h3>
            </div>
            <div className="level-right">
              <button disabled className="button is-primary level-item"><i className="fa fa-plus"></i></button>
            </div>
          </div>
          <pre>TODO</pre>
        </div>
      </div>
    </div>
  );
}