Ajout du suivi des opérations spécifiques dans les vues DAD et GdT

client/src/components/DecisionSupportFilePage/TimelinePanel.tsx

@@ -0,0 +1,36 @@
+import React, { FunctionComponent, useState } from 'react';
+import { DecisionSupportFile } from '../../types/decision';
+import { Timeline } from '../Timeline';
+import { useEvents } from '../../gql/queries/event';
+
+export interface TimelinePanelProps {
+  dsf: DecisionSupportFile,
+};
+
+export const TimelinePanel: FunctionComponent<TimelinePanelProps> = ({ dsf }) => {
+  const { events } = useEvents({
+    variables: {
+      filter: {
+        objectType: 'dsf',
+        objectId: dsf.id
+      }
+    }
+  });
+
+  return (
+    <div className="panel">
+      <p className="level panel-heading mb-0">
+        <div className="level-left">
+          <div className="level-item">
+          Suivi des opérations
+          </div>
+        </div>
+        <div className="level-right">
+        </div>
+      </p>
+      <div className="panel-block">
+        <Timeline events={events} />
+      </div>
+    </div>
+  );
+};