From 5bac1ca52b85b86914d9e2eeb856704897b92b34 Mon Sep 17 00:00:00 2001
From: john681611 <john681611@hotmail.com>
Date: Thu, 13 Jul 2023 19:22:25 +0100
Subject: [PATCH] Added: Membership required page with OWASP link

---
 .../MembershipRequired.scss                   |  8 ++++++++
 .../MembershipRequired/MembershipRequired.tsx | 19 +++++++++++++++++++
 application/frontend/src/routes.tsx           |  7 +++++++
 3 files changed, 34 insertions(+)
 create mode 100644 application/frontend/src/pages/MembershipRequired/MembershipRequired.scss
 create mode 100644 application/frontend/src/pages/MembershipRequired/MembershipRequired.tsx

diff --git a/application/frontend/src/pages/MembershipRequired/MembershipRequired.scss b/application/frontend/src/pages/MembershipRequired/MembershipRequired.scss
new file mode 100644
index 000000000..17e472763
--- /dev/null
+++ b/application/frontend/src/pages/MembershipRequired/MembershipRequired.scss
@@ -0,0 +1,8 @@
+.membership-required {
+  margin-top: 20vh;
+  text-align: center;
+
+  p {
+    font-weight: bold;
+  }
+}
\ No newline at end of file
diff --git a/application/frontend/src/pages/MembershipRequired/MembershipRequired.tsx b/application/frontend/src/pages/MembershipRequired/MembershipRequired.tsx
new file mode 100644
index 000000000..8d44cf32f
--- /dev/null
+++ b/application/frontend/src/pages/MembershipRequired/MembershipRequired.tsx
@@ -0,0 +1,19 @@
+import './MembershipRequired.scss';
+
+import React from 'react';
+import { Button, Header } from 'semantic-ui-react';
+
+
+export const MembershipRequired = () => {
+  return (
+    <div className="membership-required">
+      <Header as="h1" className="membership-required__heading">
+        OWASP Membership Required
+      </Header>
+      <p>A OWASP Membership account is needed to login</p>
+      <Button primary href="https://owasp.org/membership/">
+          Sign up 
+      </Button>
+    </div>
+  );
+};
diff --git a/application/frontend/src/routes.tsx b/application/frontend/src/routes.tsx
index 5d7c210f0..b71ac96fd 100644
--- a/application/frontend/src/routes.tsx
+++ b/application/frontend/src/routes.tsx
@@ -7,6 +7,7 @@ import { Chatbot } from './pages/chatbot/chatbot';
 import { Deeplink } from './pages/Deeplink/Deeplink';
 import { SearchName } from './pages/Search/SearchName';
 import { StandardSection } from './pages/Standard/StandardSection';
+import { MembershipRequired } from './pages/MembershipRequired/MembershipRequired'
 
 export interface IRoute {
   path: string;
@@ -94,6 +95,12 @@ export const ROUTES: IRoute[] = [
     showHeader: true,
     showFilter: false,
   },
+  {
+    path: '/members_required',
+    component: MembershipRequired,
+    showHeader: true,
+    showFilter: false,
+  },
   {
     path: `${BROWSEROOT}`,
     component: BrowseRootCres,