diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts index 47d7548..f5d8ca7 100644 --- a/docs/docusaurus.config.ts +++ b/docs/docusaurus.config.ts @@ -8,7 +8,7 @@ const config: Config = { title: 'Switchmap-NG Poller Documentation', tagline: 'Start your open source journey here', favicon: 'img/favicon_palisadoes.ico', - + url: 'https://docs-poller.switchmap-ng.io', baseUrl: '/', deploymentBranch: 'gh-pages', @@ -48,79 +48,13 @@ const config: Config = { themeConfig: { // Replace with your project's social card image: 'img/docusaurus-social-card.jpg', - // navbar: { - // title: 'My Site', - // logo: { - // alt: 'My Site Logo', - // src: 'img/logo.svg', - // }, - // items: [ - // { - // type: 'docSidebar', - // sidebarId: 'tutorialSidebar', - // position: 'left', - // label: 'Tutorial', - // }, - // { - // href: 'https://github.com/facebook/docusaurus', - // label: 'GitHub', - // position: 'right', - // }, - // ], - // }, - // footer: { - // style: 'dark', - // links: [ - // { - // title: 'Docs', - // items: [ - // { - // label: 'Tutorial', - // to: '/docs/intro', - // }, - // ], - // }, - // { - // title: 'Community', - // items: [ - // { - // label: 'Stack Overflow', - // href: 'https://stackoverflow.com/questions/tagged/docusaurus', - // }, - // { - // label: 'Discord', - // href: 'https://discordapp.com/invite/docusaurus', - // }, - // { - // label: 'X', - // href: 'https://x.com/docusaurus', - // }, - // ], - // }, - // { - // title: 'More', - // items: [ - // { - // label: 'GitHub', - // href: 'https://github.com/facebook/docusaurus', - // }, - // ], - // }, - // ], - // copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`, - // }, + prism: { theme: prismThemes.github, darkTheme: prismThemes.dracula, }, } satisfies Preset.ThemeConfig, - stylesheets: [ - { - href: './src/css/custom.css', // Path to the custom stylesheet - type: 'text/css', // MIME type - }, - ], }; export default config; diff --git a/docs/package.json b/docs/package.json index c6cd967..1eb348f 100644 --- a/docs/package.json +++ b/docs/package.json @@ -30,8 +30,8 @@ "@docusaurus/module-type-aliases": "3.6.3", "@docusaurus/tsconfig": "3.6.3", "@docusaurus/types": "3.6.3", - "@types/react": "^19.0.6", - "@types/react-dom": "^19.0.3", + "@types/react": "^18.0.0", + "@types/react-dom": "^18.0.0", "typescript": "~5.6.2" }, "browserslist": { diff --git a/docs/src/components/Buttons/ButtonPrimary/ButtonPrimary.tsx b/docs/src/components/Buttons/ButtonPrimary/ButtonPrimary.tsx index 9808fc9..244ffaa 100644 --- a/docs/src/components/Buttons/ButtonPrimary/ButtonPrimary.tsx +++ b/docs/src/components/Buttons/ButtonPrimary/ButtonPrimary.tsx @@ -3,7 +3,7 @@ import styles from './PrimaryButton.module.css'; type PrimaryButtonProps = { label: string; - onClick: () => void; + onClick: (event: React.MouseEvent) => void; disabled?: boolean; }; @@ -13,6 +13,7 @@ const PrimaryButton: React.FC = ({ label, onClick, disabled className={`${styles.primaryButton} ${disabled ? styles.disabled : ''}`} onClick={onClick} disabled={disabled} + role="button" > {label} diff --git a/docs/src/components/Cards/Herocard/HeroCard.module.css b/docs/src/components/Cards/Herocard/HeroCard.module.css index 0460c46..84a0b85 100644 --- a/docs/src/components/Cards/Herocard/HeroCard.module.css +++ b/docs/src/components/Cards/Herocard/HeroCard.module.css @@ -63,10 +63,6 @@ .cardDescription { font-size: 0.9rem; } - - .card{ - flex-direction: row; - } } @media (max-width: 768px) { diff --git a/docs/src/components/Cards/Herocard/HeroCard.tsx b/docs/src/components/Cards/Herocard/HeroCard.tsx index 1227fd5..8a68348 100644 --- a/docs/src/components/Cards/Herocard/HeroCard.tsx +++ b/docs/src/components/Cards/Herocard/HeroCard.tsx @@ -4,19 +4,20 @@ import styles from './HeroCard.module.css'; type HeroCardProps = { title: string; description: string; - imageUrl?: string; // Optional: URL for a card image - children?: React.ReactNode; // Optional: For adding custom content inside the card + children?: React.ReactNode; + isLoading?: boolean; + }; -const HeroCard: React.FC = ({ title, description, imageUrl, children }) => { +const HeroCard: React.FC = ({ title, description, children }) => { return ( -
-
+
+

{title}

{description}

{children &&
{children}
}
-
+ ); }; diff --git a/docs/src/components/MobileMenu/MobileMenu.tsx b/docs/src/components/MobileMenu/MobileMenu.tsx index e4ec00a..ad8b617 100644 --- a/docs/src/components/MobileMenu/MobileMenu.tsx +++ b/docs/src/components/MobileMenu/MobileMenu.tsx @@ -55,19 +55,26 @@ const MobileMenu: React.FC = ({ isOpen, onClose }) => { Switchmap-NG Switchmap-NG
-
-
diff --git a/docs/src/components/Navbar/Navbar.tsx b/docs/src/components/Navbar/Navbar.tsx index 42636b5..83f0219 100644 --- a/docs/src/components/Navbar/Navbar.tsx +++ b/docs/src/components/Navbar/Navbar.tsx @@ -21,14 +21,14 @@ type IconLink = { }; const navLinks: NavLink[] = [ - { path: "/", label: "General" }, - { path: "", label: "Web Guide" }, - { path: "", label: "Poller Guide" }, - { path: "", label: "API Guide" }, + { path: "https://docs.switchmap-ng.io/", label: "General" }, + { path: "https://docs-web.switchmap-ng.io/", label: "Web Guide" }, + { path: "https://docs-poller.switchmap-ng.io/", label: "Poller Guide" }, + { path: "https://docs-api.switchmap-ng.io/", label: "API Guide" }, ]; const iconLinks: IconLink[] = [ - { href: "https://https://github.com/PalisadoesFoundation.com", src: github, alt: "GitHub" }, + { href: "https://github.com/PalisadoesFoundation", src: github, alt: "GitHub" }, { href: "https://www.youtube.com/@PalisadoesOrganization", src: youtube, alt: "YouTube" }, ]; @@ -64,9 +64,9 @@ const Navbar: React.FC = () => { {icon.alt} ))} - console.log('Toggle theme')}> - Toggle Theme - + {/* console.log('Toggle theme')}> + Tog + */} diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index 660f89a..7384038 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -30,7 +30,7 @@ --ifm-secondary-button-hover-color : #d4d4d9; --ifm-text-color: #ffffff; --ifm-text-color-black: #000000; - -docusaurus-progress-bar-color: var(--ifm-color-primary); + --docusaurus-progress-bar-color: var(--ifm-color-primary); --secondary-blue-900: #001c63; --sidebar-bg-color: #f3f4f6; --secondary-blue-500: #3970fd; @@ -81,7 +81,6 @@ --ifm-contrast-foreground-value: 70%; --ifm-contrast-background-dark-value: 70%; --ifm-contrast-foreground-dark-value: 90%; - --ifm-color-primary: #3578e5; --ifm-color-secondary: #ebedf0; --ifm-color-success: #00a400; --ifm-color-info: #54c7ec;