diff --git a/docs/src/components/BrowserStack/index.tsx b/docs/src/components/BrowserStack/index.tsx index 02509902..29e3e4e1 100644 --- a/docs/src/components/BrowserStack/index.tsx +++ b/docs/src/components/BrowserStack/index.tsx @@ -1,6 +1,6 @@ +import SVGTheme from '@site/src/components/SVGTheme'; import Light from '@site/static/img/browserstack-light.svg'; import Dark from '@site/static/img/browserstack-dark.svg'; -import styles from './styles.module.css'; type BrowserStackProps = { width: number; @@ -8,10 +8,5 @@ type BrowserStackProps = { }; export default function BrowserStack({ width, height }: BrowserStackProps) { - return ( - <> - - - - ); + return ; } diff --git a/docs/src/components/SQLiteCloud/index.tsx b/docs/src/components/SQLiteCloud/index.tsx new file mode 100644 index 00000000..8c01590a --- /dev/null +++ b/docs/src/components/SQLiteCloud/index.tsx @@ -0,0 +1,12 @@ +import SVGTheme from '@site/src/components/SVGTheme'; +import Light from '@site/static/img/sqlitecloud-light.svg'; +import Dark from '@site/static/img/sqlitecloud-dark.svg'; + +type SQLiteCloudProps = { + width: number; + height: number; +}; + +export default function SQLiteCloud({ width, height }: SQLiteCloudProps) { + return ; +} diff --git a/docs/src/components/SVGTheme/index.tsx b/docs/src/components/SVGTheme/index.tsx new file mode 100644 index 00000000..f3539be2 --- /dev/null +++ b/docs/src/components/SVGTheme/index.tsx @@ -0,0 +1,22 @@ +import type { ComponentType, SVGProps } from 'react'; + + +import styles from './styles.module.css'; + +type SVGComponent = ComponentType> & { title?: string; }; + +type SVGThemeProps = { + width: number; + height: number; + Light: SVGComponent; + Dark: SVGComponent; +}; + +export default function SVGTheme({ width, height, Dark, Light }: SVGThemeProps) { + return ( + <> + + + + ); +} diff --git a/docs/src/components/BrowserStack/styles.module.css b/docs/src/components/SVGTheme/styles.module.css similarity index 100% rename from docs/src/components/BrowserStack/styles.module.css rename to docs/src/components/SVGTheme/styles.module.css diff --git a/docs/src/components/Terminal/index.tsx b/docs/src/components/Terminal/index.tsx index eee3befa..f6ced246 100644 --- a/docs/src/components/Terminal/index.tsx +++ b/docs/src/components/Terminal/index.tsx @@ -30,6 +30,7 @@ import figlet from './figlet'; import { jargon, jargon_init } from './jargon'; import cal from './cal'; import chuck_norris from './chuck-norris'; +import chat from './chat'; const languages = [ 'markdown', @@ -68,6 +69,7 @@ const commands = { figlet, jargon, cal, + chat, 'chuck-norris': chuck_norris, help, theme, diff --git a/docs/src/components/Thanks/index.tsx b/docs/src/components/Thanks/index.tsx index ec14e139..e0fe9883 100644 --- a/docs/src/components/Thanks/index.tsx +++ b/docs/src/components/Thanks/index.tsx @@ -5,6 +5,8 @@ import Header from '@site/src/components/Header'; import styles from './styles.module.css'; import Coveralls from '@site/static/img/coveralls.svg'; import BrowserStack from '@site/src/components/BrowserStack'; +import SQLiteCloud from '@site/src/components/SQLiteCloud'; + export default function Thanks() { return ( @@ -28,6 +30,11 @@ export default function Thanks() { +
  • + + + +
  • ); diff --git a/docs/static/img/sqlitecloud-dark.svg b/docs/static/img/sqlitecloud-dark.svg new file mode 100644 index 00000000..fc7f4a1e --- /dev/null +++ b/docs/static/img/sqlitecloud-dark.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/static/img/sqlitecloud-light.svg b/docs/static/img/sqlitecloud-light.svg new file mode 100644 index 00000000..4612237e --- /dev/null +++ b/docs/static/img/sqlitecloud-light.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + +