From 55b640c5f927ecc29235ff01d8ad3709b833f5a9 Mon Sep 17 00:00:00 2001
From: ceelogre <sam.nishimwe@yahoo.com>
Date: Thu, 25 Jul 2024 18:24:11 +0200
Subject: [PATCH 1/2] feat: add user docs

---
 src/components/Docs/SideBarDocs.tsx |  1 +
 src/components/Docs/users.tsx       | 41 +++++++++++++++++++++++++++++
 src/containers/Routes.tsx           |  2 ++
 3 files changed, 44 insertions(+)
 create mode 100644 src/components/Docs/users.tsx

diff --git a/src/components/Docs/SideBarDocs.tsx b/src/components/Docs/SideBarDocs.tsx
index 75086e801..737e437f2 100644
--- a/src/components/Docs/SideBarDocs.tsx
+++ b/src/components/Docs/SideBarDocs.tsx
@@ -7,6 +7,7 @@ function SideBarDocs() {
     return (
         <section className = "py-8 px-5 ">
             <ul className ="p-2 flex flex-col gap-4" >
+              <NavLink className={(navData) => {if (navData.isActive) return 'text-primary'; return ''}} to='/docs/users'>Getting started (new users)</NavLink>
                 <NavLink
                  className={(navData) => {
                     if (navData.isActive) return 'text-primary';
diff --git a/src/components/Docs/users.tsx b/src/components/Docs/users.tsx
new file mode 100644
index 000000000..7aee6bf47
--- /dev/null
+++ b/src/components/Docs/users.tsx
@@ -0,0 +1,41 @@
+import React from 'react'
+import DocsMain from './DocsMain'
+
+const UsersDocs = () => {
+    return (
+        <div>
+        <DocsMain
+            content={
+            <div className="flex items-start box-border">
+                <div className="w-full">
+                <div className=" w-full sm:px-10 mb-10 text-gray-600  dark:text-slate-300 text-lg ml-0 pt-4">
+                    <h2 className="mb-4 mt-4 text-4xl font-[800] text-primary">
+                    Getting started
+                    </h2>
+                    <div className="mt-5 w-[100%] sm:w-full mb-4">
+                        Devpulse is a semi-open platform i.e. using it, requires a certain level of approval from the owners/managers. If you browse the homepage, you might wonder why there is no signup button, this is because to sign up you need an invitation.
+                        <h3 className="m-2 mb-4 text-2xl font-bold">
+                        Terminology to be familiar with:</h3>
+                        <ul className=" list-disc ml-12">
+
+                            <li><b>Organizations</b>: each Devpulse user belongs to an organization. The default organization is Andela. The  admin of a given organisation has the highest privilege; they are the one in charge of managing the rest of the users and different administrative tasks</li>
+
+                            <li><b>Programs</b>: each organization should have a program that it is running.</li>
+                            <li><b>Managers:</b> each program should have managers with different access levels. (coordinators, technical team leads, managers)</li>
+                            <li><b>Trainees:</b> an ordinary user of the app will fall under the role of a trainee. As a trainee, you belong to a team, which in turn belongs to a cohort, which in turn belongs to a program</li>
+                        </ul>
+
+                        <h3 className="m-2 mb-4 text-2xl font-bold">Signing up as a user</h3>
+                        <p>To sign up, <b><u>your org admin must send you an invite</u></b>. The invitation email will contain the details of how to sign up</p>
+                        <h3 className="m-2 mb-4 text-2xl font-bold">Signing in as a user</h3>
+                        <p>To sign in, go to the signin page, provide the correct name of your organization, on the next screen enter username and password.</p>
+                    </div>
+                </div>
+                </div>
+            </div>
+            }
+        />
+        </div>
+    )
+}
+export default UsersDocs
\ No newline at end of file
diff --git a/src/containers/Routes.tsx b/src/containers/Routes.tsx
index 3fe835788..ca17b821e 100644
--- a/src/containers/Routes.tsx
+++ b/src/containers/Routes.tsx
@@ -32,6 +32,7 @@ const SignupOrgDocs = React.lazy(
 const SigninOrgDocs = React.lazy(
   () => import('../components/Docs/SigninOrgDocs'),
 );
+const UsersDocs = React.lazy( () => import ('../components/Docs/users'),)
 /* istanbul ignore next */
 import Noredirect from '../pages/Noredirect';
 import ProtectedRoutes from '../ProtectedRoute';
@@ -90,6 +91,7 @@ function MainRoutes() {
             />
             <Route path="/docs/org-signup" element={<SignupOrgDocs />} />
             <Route path="/docs/org-signin" element={<SigninOrgDocs />} />
+            <Route path='/docs/users' element={< UsersDocs />} />
             <Route path="/noredirect" element={<Noredirect />} />
           </Route>
           <Route path="*" element={<Error />} />

From b87c6b0f56df7e2d3ff8d9387dea7e059ae44436 Mon Sep 17 00:00:00 2001
From: ceelogre <sam.nishimwe@yahoo.com>
Date: Wed, 7 Aug 2024 23:53:37 +0200
Subject: [PATCH 2/2] ch: change slug

---
 src/components/Docs/SideBarDocs.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Docs/SideBarDocs.tsx b/src/components/Docs/SideBarDocs.tsx
index 737e437f2..9048b01c9 100644
--- a/src/components/Docs/SideBarDocs.tsx
+++ b/src/components/Docs/SideBarDocs.tsx
@@ -7,7 +7,7 @@ function SideBarDocs() {
     return (
         <section className = "py-8 px-5 ">
             <ul className ="p-2 flex flex-col gap-4" >
-              <NavLink className={(navData) => {if (navData.isActive) return 'text-primary'; return ''}} to='/docs/users'>Getting started (new users)</NavLink>
+              <NavLink className={(navData) => {if (navData.isActive) return 'text-primary'; return ''}} to='/docs/getting-started'>Getting started (new users)</NavLink>
                 <NavLink
                  className={(navData) => {
                     if (navData.isActive) return 'text-primary';