From 7209dfbe7bb94f47c5001c26579378f1b4402b14 Mon Sep 17 00:00:00 2001
From: Karen <sidokaren@icloud.com>
Date: Mon, 16 Jan 2023 15:25:04 +0100
Subject: [PATCH] (ui) create status project component

---
 .../components/projects/status-filter.tsx       | 17 +++++++++++++++++
 app/frontend/templates/projects/index.html      |  1 +
 2 files changed, 18 insertions(+)
 create mode 100644 app/frontend/src/javascript/components/projects/status-filter.tsx

diff --git a/app/frontend/src/javascript/components/projects/status-filter.tsx b/app/frontend/src/javascript/components/projects/status-filter.tsx
new file mode 100644
index 000000000..27126f230
--- /dev/null
+++ b/app/frontend/src/javascript/components/projects/status-filter.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import { react2angular } from 'react2angular';
+import { IApplication } from '../../models/application';
+
+declare const Application: IApplication;
+
+/**
+ * To do documentation
+ */
+
+export const StatusFilter = () => {
+  return (
+    <p> Hello </p>
+  );
+};
+
+Application.Components.component('statusFilter', react2angular(StatusFilter, []));
diff --git a/app/frontend/templates/projects/index.html b/app/frontend/templates/projects/index.html
index 953dd0c34..4f66b70a1 100644
--- a/app/frontend/templates/projects/index.html
+++ b/app/frontend/templates/projects/index.html
@@ -76,6 +76,7 @@
           <option value="" translate>{{ 'app.public.projects_list.all_materials' }}</option>
         </select>
       </div>
+      <status-filter></status-filter>
     </div>
   </div>