diff --git a/app/src/views/OperationalLearning/index.tsx b/app/src/views/OperationalLearning/index.tsx
index e60659bc0..379bcfec7 100644
--- a/app/src/views/OperationalLearning/index.tsx
+++ b/app/src/views/OperationalLearning/index.tsx
@@ -5,6 +5,7 @@ import {
} from 'react';
import { InfoIcon } from '@ifrc-go/icons';
import {
+ BarChart,
Button,
Chip,
Container,
@@ -282,6 +283,30 @@ export function Component() {
setQuery(undefined);
}, [resetFilter]);
+ const sectorData = [
+ {
+ id: 1,
+ name: 'Health',
+ value: 23,
+ },
+ {
+ id: 2,
+ name: 'Recovery',
+ value: 55,
+ },
+ {
+ id: 3,
+ name: 'Education',
+ value: 60,
+ },
+ {
+ id: 4,
+ name: 'DRR',
+ value: 35,
+ },
+
+ ];
+
return (