From 982257872e5ac48abc7bfea11f2a746b3802e825 Mon Sep 17 00:00:00 2001
From: Cody O'Donnell <ctodonnell@lbl.gov>
Date: Thu, 11 Jan 2024 21:21:46 -0800
Subject: [PATCH] Update code library pages

---
 config/strudel-config.json                     | 12 ++++++------
 .../code-library/getting-started.mdx           |  5 -----
 .../design-system/code-library/overview.mdx    | 18 ++++++++++++++++++
 .../{react-templates.mdx => tutorials.mdx}     |  4 ++--
 src/pages/design-system/code-library.tsx       | 17 +++++++++++++++++
 5 files changed, 43 insertions(+), 13 deletions(-)
 delete mode 100644 content/design-system/code-library/getting-started.mdx
 create mode 100644 content/design-system/code-library/overview.mdx
 rename content/design-system/code-library/{react-templates.mdx => tutorials.mdx} (76%)
 create mode 100644 src/pages/design-system/code-library.tsx

diff --git a/config/strudel-config.json b/config/strudel-config.json
index 45c65e8..5bb05c5 100644
--- a/config/strudel-config.json
+++ b/config/strudel-config.json
@@ -110,15 +110,15 @@
           "layoutComponent": "PageLayout",
           "children": [
             {
-              "name": "Getting Started",
-              "path": "/design-system/code-library/getting-started",
-              "markdownId": "code-library-getting-started",
+              "name": "Overview",
+              "path": "/design-system/code-library/overview",
+              "markdownId": "code-library-overview",
               "layoutComponent": "PageLayout"
             },
             {
-              "name": "React Templates",
-              "path": "/design-system/code-library/react-templates",
-              "markdownId": "code-library-react-templates",
+              "name": "Tutorials",
+              "path": "/design-system/code-library/tutorials",
+              "markdownId": "code-library-tutorials",
               "layoutComponent": "PageLayout"
             }
           ]
diff --git a/content/design-system/code-library/getting-started.mdx b/content/design-system/code-library/getting-started.mdx
deleted file mode 100644
index 9189771..0000000
--- a/content/design-system/code-library/getting-started.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
----
-id: 'code-library-getting-started'
-title: 'Getting Started'
-subtitle: ''
----
\ No newline at end of file
diff --git a/content/design-system/code-library/overview.mdx b/content/design-system/code-library/overview.mdx
new file mode 100644
index 0000000..4d1452c
--- /dev/null
+++ b/content/design-system/code-library/overview.mdx
@@ -0,0 +1,18 @@
+---
+id: 'code-library-overview'
+title: 'STRUDEL Kit'
+subtitle: 'Code templates for scientific task flow UIs'
+---
+import { Hero } from '/src/components/Hero';
+import { PageContainer } from '/src/components/PageContainer';
+
+<Hero>
+  STRUDEL Kit is a React-based JavaScript library for building scientific UIs based on the STRUDEL Design System and Task Flows. The library provides scaffolding and templates to help scientific teams jumpstart the development of task flows.
+</Hero>
+<PageContainer> 
+  ## Getting Started with STRUDEL Kit
+  
+  [Checkout the project on GitHub](https://github.com/strudel-science/strudel-kit).
+
+  More details coming soon!
+</PageContainer> 
\ No newline at end of file
diff --git a/content/design-system/code-library/react-templates.mdx b/content/design-system/code-library/tutorials.mdx
similarity index 76%
rename from content/design-system/code-library/react-templates.mdx
rename to content/design-system/code-library/tutorials.mdx
index ef28b55..6302274 100644
--- a/content/design-system/code-library/react-templates.mdx
+++ b/content/design-system/code-library/tutorials.mdx
@@ -1,6 +1,6 @@
 ---
-id: 'code-library-react-templates'
-title: 'React Templates'
+id: 'code-library-tutorials'
+title: 'Tutorials'
 subtitle: ''
 ---
 import { Hero } from '/src/components/Hero';
diff --git a/src/pages/design-system/code-library.tsx b/src/pages/design-system/code-library.tsx
new file mode 100644
index 0000000..0ccb66d
--- /dev/null
+++ b/src/pages/design-system/code-library.tsx
@@ -0,0 +1,17 @@
+import { navigate } from 'gatsby';
+import React, { useEffect } from 'react';
+import Seo from '../../components/Seo';
+
+/**
+ * Redirect to /design-system/code-library/overview because there is no top-level /design-system/code-library page
+ */
+const CodeLibraryPage: React.FC = () => {
+  useEffect(() => {
+    navigate('/design-system/code-library/overview');
+  }, []);
+  return null;
+};
+
+export const Head = () => <Seo title="Code Library" />
+
+export default CodeLibraryPage
\ No newline at end of file