From 4f8c37d19188c765bf5703db57866c82f5740245 Mon Sep 17 00:00:00 2001
From: Brent Swisher <brent@brentswisher.com>
Date: Fri, 19 Jul 2024 13:52:07 -0400
Subject: [PATCH] Fix pharos site storybook links (#781)

* fix(site): update filename to match component

* fix(site): link storybook to `--docs` not `--base`
---
 .changeset/cyan-boxes-cheer.md                               | 5 +++++
 .../components/{ExampleWraper.tsx => ComponentExample.tsx}   | 2 +-
 packages/pharos-site/src/components/statics/PageSection.tsx  | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/cyan-boxes-cheer.md
 rename packages/pharos-site/src/components/{ExampleWraper.tsx => ComponentExample.tsx} (98%)

diff --git a/.changeset/cyan-boxes-cheer.md b/.changeset/cyan-boxes-cheer.md
new file mode 100644
index 00000000..490ebc8f
--- /dev/null
+++ b/.changeset/cyan-boxes-cheer.md
@@ -0,0 +1,5 @@
+---
+'@ithaka/pharos-site': patch
+---
+
+Fix storybook links to point to documentation story of components
diff --git a/packages/pharos-site/src/components/ExampleWraper.tsx b/packages/pharos-site/src/components/ComponentExample.tsx
similarity index 98%
rename from packages/pharos-site/src/components/ExampleWraper.tsx
rename to packages/pharos-site/src/components/ComponentExample.tsx
index 398b79af..763fc389 100644
--- a/packages/pharos-site/src/components/ExampleWraper.tsx
+++ b/packages/pharos-site/src/components/ComponentExample.tsx
@@ -20,7 +20,7 @@ const ComponentExample: FC<ComponentExampleProps> = ({
     storyBookType +
     '-' +
     componentTitle.replace(/ /g, '-').toLowerCase() +
-    '--base';
+    '--docs';
 
   return (
     <>
diff --git a/packages/pharos-site/src/components/statics/PageSection.tsx b/packages/pharos-site/src/components/statics/PageSection.tsx
index 4ca4534d..a6b438fa 100644
--- a/packages/pharos-site/src/components/statics/PageSection.tsx
+++ b/packages/pharos-site/src/components/statics/PageSection.tsx
@@ -12,7 +12,7 @@ import {
   container__lessMargin,
   container__topMargin,
 } from './PageSection.module.css';
-import ComponentExample from '../ExampleWraper';
+import ComponentExample from '../ComponentExample';
 
 interface PageSectionProps {
   children?: ReactNode;