willba-component-library 0.0.38 → 0.0.40

package/package.json

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

package/src/components/FilterBar/FilterBar.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
 import Divider from './components/divider/Divider'
@@ -23,12 +23,19 @@ type FilterBarProps = {
 export default function FilterBar({ vendor, language }: FilterBarProps) {
   // useTheme({ vendor })
 
+  const [rerenderKey, setRerenderKey] = useState(0)
+
   useEffect(() => {
     i18n.changeLanguage(language)
+
+    // Trigger a re-render by updating the rerenderKey
+    setRerenderKey((prevKey) => prevKey + 1)
   }, [language])
 
   const { t } = useTranslation('filterBar')
 
+  console.log(language, t('calendar.startDate'))
+
   const {
     selectedFilter,
     guestsAdults,

package/src/i18n.ts

@@ -6,10 +6,6 @@ import fiFilterBar from './locales/fi/filterBar.json'
 
 const urlParams = new URLSearchParams(window.location.search)
 const localeFromUrl = urlParams.get('locale') || 'fi'
-console.log(urlParams)
-
-const userPreferredLanguage = navigator.language
-console.log('User Preferred Language:', userPreferredLanguage)
 
 i18n.use(initReactI18next).init({
   resources: {