2020-10-05 16:04:10 +02:00
|
|
|
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">
|
2020-10-05 16:36:00 +02:00
|
|
|
<div className="level panel-heading mb-0">
|
2020-10-05 16:04:10 +02:00
|
|
|
<div className="level-left">
|
|
|
|
<div className="level-item">
|
|
|
|
Suivi des opérations
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="level-right">
|
|
|
|
</div>
|
2020-10-05 16:36:00 +02:00
|
|
|
</div>
|
2020-10-05 16:04:10 +02:00
|
|
|
<div className="panel-block">
|
|
|
|
<Timeline events={events} />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|