willba-component-library 0.0.42 → 0.0.43

package/lib/themes/useTheme.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 type ThemeProps = {
     vendor?: string;
 };
-export default function MyComponent({ vendor }: ThemeProps): React.JSX.Element;
+export default function useTheme({ vendor }: ThemeProps): void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "willba-component-library",
-  "version": "0.0.42",
+  "version": "0.0.43",
   "description": "A stroybook 6 with TypeScript demo",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",

package/src/components/FilterBar/FilterBar.tsx

@@ -21,7 +21,7 @@ type FilterBarProps = {
 }
 
 export default function FilterBar({ vendor, language }: FilterBarProps) {
-  const cssLoaded = useTheme({ vendor })
+  useTheme({ vendor })
 
   const [rerenderKey, setRerenderKey] = useState(0)
 
@@ -49,7 +49,7 @@ export default function FilterBar({ vendor, language }: FilterBarProps) {
   } = useFilterBar()
 
   return (
-    <div className={`filter-bar ${cssLoaded ? 'dynamic-theme-class' : ''}`}>
+    <div className={`filter-bar `}>
       <div className="filter-bar-header">
         <SelectButton
           label={t('calendar.startDate')}

package/src/themes/cssModules.d.ts

@@ -0,0 +1,5 @@
+// cssModules.d.ts
+declare module '*.css' {
+  const classes: { [key: string]: string }
+  export default classes
+}

package/src/themes/styles.module.css

@@ -0,0 +1,13 @@
+/* styles.module.css */
+
+.default {
+  /* Default styles */
+}
+
+.kisakallio {
+  /* Styles for Kisakallio theme */
+}
+
+.pajulahti {
+  /* Styles for Pajulahti theme */
+}

package/src/themes/useTheme.tsx

@@ -1,54 +1,21 @@
-// import React, { useEffect, useState } from 'react'
+import { useEffect } from 'react'
 
-// type ThemeProps = {
-//   vendor?: string
-// }
-
-// export default function useTheme({ vendor }: ThemeProps) {
-//   const [cssLoaded, setCssLoaded] = useState(false)
-
-//   useEffect(() => {
-//     async function loadThemeCSS() {
-//       try {
-//         let cssUrl = ''
-
-//         if (vendor === 'Kisakallio') {
-//           cssUrl = './Kisakallio.css'
-//         } else if (vendor === 'Pajulahti') {
-//           cssUrl = './Pajulahti.css'
-//         } else {
-//           cssUrl = './Default.css'
-//         }
-
-//         await loadCSS(cssUrl)
-//         setCssLoaded(true)
-//       } catch (error) {
-//         console.error('Error loading CSS:', error)
-//       }
-//     }
-
-//     loadThemeCSS()
-//   }, [vendor])
-
-//   return cssLoaded
-// }
-
-import React, { useEffect } from 'react'
 type ThemeProps = {
   vendor?: string
 }
 
-export default function MyComponent({ vendor }: ThemeProps) {
+export default function useTheme({ vendor }: ThemeProps) {
   useEffect(() => {
     if (vendor === 'Kisakallio') {
-      addCSSFile('./Kisakallio.css')
+      addCSSFile('../src/themes/Kisakallio.css')
+    } else if (vendor === 'Pajulahti') {
+      addCSSFile('../src/themes/Pajulahti.css')
     } else {
-      addCSSFile('./Default.css')
+      addCSSFile('../src/themes/Default.css')
     }
   }, [vendor])
 
-  // Rest of your component code
-  return <div>My Component</div>
+  return
 }
 
 const addCSSFile = (href: string) => {