...

1 files changed, 31 insertions, 0 deletions

diff --git a/FrontEnd/src/app/views/common/FullPage.tsx b/FrontEnd/src/app/views/common/FullPage.tsx
new file mode 100644
index 00000000..09b01647
--- /dev/null
+++ b/FrontEnd/src/app/views/common/FullPage.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+
+export interface FullPageProps {
+  show: boolean;
+  onBack: () => void;
+  contentContainerClassName?: string;
+}
+
+const FullPage: React.FC<FullPageProps> = ({
+  show,
+  onBack,
+  children,
+  contentContainerClassName,
+}) => {
+  return (
+    <div
+      className="cru-full-page"
+      style={{ display: show ? undefined : "none" }}
+    >
+      <div className="cru-full-page-top-bar">
+        <i
+          className="icon-button bi-arrow-left text-white ml-3"
+          onClick={onBack}
+        />
+      </div>
+      <div className={contentContainerClassName}>{children}</div>
+    </div>
+  );
+};
+
+export default FullPage;