fix: ViewSource PascalCase

actifyjs · Oct 15, 2024 · ef0b22a · ef0b22a
1 parent 9f55204
commit ef0b22a
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/apps/docs/src/components/ViewSource.tsx b/apps/docs/src/components/ViewSource.tsx
@@ -1,8 +1,16 @@
 import { Icon, IconButton, Tooltip } from 'actify'
 
+const hyphenToPascalCase = (str: string) => {
+  return str
+    .split('-')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join('')
+}
+
 const ViewSource = ({ name }: { name: string }) => {
-  const capitalize = name.charAt(0).toUpperCase() + name.slice(1)
-  const sourceUrl = `https://github.com/actifyjs/actify/tree/main/packages/actify/src/components/${capitalize}`
+  const pascalCase = hyphenToPascalCase(name)
+
+  const sourceUrl = `https://github.com/actifyjs/actify/tree/main/packages/actify/src/components/${pascalCase}`
   return (
     <Tooltip placement="top" content="View source on Github">
       <a tabIndex={-1} target="_blank" href={sourceUrl}>