Merge pull request #5489 from lakshz/sistent-about

[Sistent] Add description for sistent about page, fix misspelling
layer5io · Apr 18, 2024 · 80ac5ce · 80ac5ce
2 parents bbab749 + 43b945f
commit 80ac5ce
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/src/components/SistentNavigation/index.js b/src/components/SistentNavigation/index.js
@@ -59,7 +59,7 @@ const TOC = () => {
                 className="toc-sub-heading identity"
                 onClick={() => setExpandIdentity((prev) => !prev)}
               >
-                Idenitity
+                Identity
                 {expandIdenity ? <IoIosArrowUp /> : <IoIosArrowDown />}
               </li>
               {expandIdenity && (

diff --git a/src/sections/Projects/Sistent/about.js b/src/sections/Projects/Sistent/about.js
@@ -20,7 +20,28 @@ const SistentAbout = () => {
             <a id="About Sistent">
               <h2>About Sistent</h2>
             </a>
-            <p>Sorry, this page is still under work</p>
+            <p>
+              We have several different React apps that heavily uses the
+              Material UI v4 and v5 libraries, and this discrepancies led up to
+              setting up the Sistent Design System.
+            </p>
+            <p>
+              <b>
+                We want to be able to have the source of truth of what Layer5.io
+                and Meshery looks like.
+              </b>
+            </p>
+            <p>
+              'Sistent' is a play on word to ensure that we have a consistent
+              theme, components, design tokens, etc across all of the apps that
+              will be using this library. Sistent is a design system that uses
+              the <b>MUI v5 components</b> and a <b>custom theme provider </b>
+              instead of using the default theme from MUI v5.
+            </p>
+            <p>
+              If you’re interested in joining, please let us know, and we can
+              help you get started on contributing to the Sistent Design System.
+            </p>
           </div>
           <SistentPagination />
         </Container>