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: Gateway upgrade verification 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")], };