diff --git a/website/package.json b/website/package.json
index 5869f785c..c7f4ee905 100644
--- a/website/package.json
+++ b/website/package.json
@@ -25,7 +25,7 @@
"autoprefixer": "10.4.18",
"fast-xml-parser": "^4.3.5",
"flowbite": "^2.3.0",
- "flowbite-react": "^0.7.8",
+ "flowbite-react": "^0.9.0",
"highlight.js": "^11.9.0",
"md5": "^2.3.0",
"mixpanel-browser": "^2.50.0",
diff --git a/website/pnpm-lock.yaml b/website/pnpm-lock.yaml
index b9e02c25c..b8a0a73fc 100644
--- a/website/pnpm-lock.yaml
+++ b/website/pnpm-lock.yaml
@@ -48,8 +48,8 @@ dependencies:
specifier: ^2.3.0
version: 2.3.0
flowbite-react:
- specifier: ^0.7.8
- version: 0.7.8(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.4.3)
+ specifier: ^0.9.0
+ version: 0.9.0(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.4.3)
highlight.js:
specifier: ^11.9.0
version: 11.9.0
@@ -1314,8 +1314,8 @@ packages:
dependencies:
to-regex-range: 5.0.1
- /flowbite-react@0.7.8(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.4.3):
- resolution: {integrity: sha512-hYYPvIixokNgAlPbmxNAYFLlLi61z492v8hj1jQHykhuesPGTifDFeQcDxKgQvENqc4bRdBdjrKOvnq7D+pm7g==}
+ /flowbite-react@0.9.0(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.4.3):
+ resolution: {integrity: sha512-wRGzTPHaEuRSXiAFhdTuksezABE/AjI/iyOOBGZpsFAz/sq7zuorAqjRud9FWgy3TlFPtldl7kL93wNY2nOnKQ==}
peerDependencies:
react: '>=18'
react-dom: '>=18'
diff --git a/website/src/app/kb/administer/upgrading/readme.mdx b/website/src/app/kb/administer/upgrading/readme.mdx
index 8a68259db..79dbe341b 100644
--- a/website/src/app/kb/administer/upgrading/readme.mdx
+++ b/website/src/app/kb/administer/upgrading/readme.mdx
@@ -93,9 +93,9 @@ it's up to date:
diff --git a/website/src/components/DocsSidebar/SearchForm.tsx b/website/src/components/DocsSidebar/SearchForm.tsx
index 7348fbd73..38c301028 100644
--- a/website/src/components/DocsSidebar/SearchForm.tsx
+++ b/website/src/components/DocsSidebar/SearchForm.tsx
@@ -3,7 +3,7 @@ import "@docsearch/css";
export default function SearchForm() {
// Keep /docs search in /docs (pre-1.0), and exclude /kb (>= 1.0)
- const excludePathRegex = new RegExp(/^\/kb/)
+ const excludePathRegex = new RegExp(/^\/kb/);
return (
@@ -15,11 +15,11 @@ export default function SearchForm() {
transformItems={(items) => {
return items.filter((item) => {
if (item.url) {
- const pathname = (new URL(item.url)).pathname
- if (pathname.match(excludePathRegex)) return false
+ const pathname = new URL(item.url).pathname;
+ if (pathname.match(excludePathRegex)) return false;
}
- return true
- })
+ return true;
+ });
}}
/>
diff --git a/website/src/components/KbSidebar/SearchForm.tsx b/website/src/components/KbSidebar/SearchForm.tsx
index 2f9c237f3..734aa6cc8 100644
--- a/website/src/components/KbSidebar/SearchForm.tsx
+++ b/website/src/components/KbSidebar/SearchForm.tsx
@@ -3,7 +3,7 @@ import "@docsearch/css";
export default function SearchForm() {
// Keep /kb search in /kb (>= v1.0), and exclude /docs (pre-1.0)
- const excludePathRegex = new RegExp(/^\/docs/)
+ const excludePathRegex = new RegExp(/^\/docs/);
return (
@@ -15,11 +15,11 @@ export default function SearchForm() {
transformItems={(items) => {
return items.filter((item) => {
if (item.url) {
- const pathname = (new URL(item.url)).pathname
- if (pathname.match(excludePathRegex)) return false
+ const pathname = new URL(item.url).pathname;
+ if (pathname.match(excludePathRegex)) return false;
}
- return true
- })
+ return true;
+ });
}}
/>
diff --git a/website/tailwind.config.js b/website/tailwind.config.js
index 547268428..76324df1a 100644
--- a/website/tailwind.config.js
+++ b/website/tailwind.config.js
@@ -1,3 +1,5 @@
+const flowbite = require("flowbite-react/tailwind");
+
const firezoneColors = {
// See our brand palette in Figma.
// These have been reversed to match Tailwind's default order.
@@ -48,7 +50,7 @@ const firezoneColors = {
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
- "node_modules/flowbite-react/**/*.{js,ts,jsx,tsx}",
+ flowbite.content(),
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
@@ -103,5 +105,5 @@ module.exports = {
},
},
},
- plugins: [require("flowbite/plugin"), require("flowbite-typography")],
+ plugins: [flowbite.plugin(), require("flowbite-typography")],
};