diff --git a/images.tsx b/images.tsx deleted file mode 100644 index f298736..0000000 --- a/images.tsx +++ /dev/null @@ -1,114 +0,0 @@ -export function WystWhite() { - return - - - - - ; -} - -export const wyst_white_svg = "wyst_white.svg"; -export const wyst_black_svg = "wyst_black.svg"; - -const Logo = () => { - return ( - - - - Logo - - ); - }; - -export default Logo; \ No newline at end of file diff --git a/pages/_meta.json b/pages/_meta.json index 609ee0c..d7f8b00 100644 --- a/pages/_meta.json +++ b/pages/_meta.json @@ -10,11 +10,5 @@ "packages": { "title": "Packages", "type": "page" - }, - "contact": { - "title": "Contact ↗", - "type": "page", - "href": "https://twitter.com/shuding_", - "newWindow": true } } diff --git a/pages/components/Grid.module.css b/pages/components/Grid.module.css deleted file mode 100644 index adffa37..0000000 --- a/pages/components/Grid.module.css +++ /dev/null @@ -1,90 +0,0 @@ -.grid { - display: grid; - gap: 10px; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; - margin-top: 20px; -} - -.gridItem { - color: #d1d1d1; - background-color: #141414; - border: 1px solid #202020; - padding: 20px; /* Padding inside grid items */ - text-align: center; /* Centering text inside grid items */ -} - -.gridItem:hover { - color: #0366d6; - background-color: #1976d21c; - cursor: pointer; - /* border: 1px solid #0366d6; */ - padding: 20px; - text-align: center; -} - -.gridItemLight { - background-color: #fff; - border: 1px solid #eee; - padding: 20px; - text-align: center; -} - -.gridItemLight:hover { - color: #005cc5; - background-color: #1976d220; - /* border: 1px solid rgba(59,130,246,.5); */ - /* border: 1px solid #eee; */ - padding: 20px; - text-align: center; -} - -.pkgTitle { - font-weight: bold; -} - -.pkgVersion { - font-size: 12px; - font-weight:700; -} - -.searchBox { - padding: 8px; - font-size: 16px; - outline: none; - transition: border-color 0.3s ease; - height: 40px; - border-radius: 10px; - border: 1px solid #005cc523; -} - -.pageBtn { - /* border-width: 1px; */ - /* border-color: #005cc53f; */ - background-color: #202020; - width: 30px; - height: 30px; -} - -.pageBtn:hover { - background-color: #1976d234; -} - -.pageBtnLight { - /* border-width: 1px; */ - /* border-color: #005cc53f; */ - /* background-color: #202020; */ - background-color: #fff; - border: 1px solid #eee; - width: 30px; - height: 30px; -} - -.pageBtnLight:hover { - background-color: #1976d234; -} \ No newline at end of file diff --git a/pages/components/packages.tsx b/pages/components/packages.tsx index 23f90bc..90b14a7 100644 --- a/pages/components/packages.tsx +++ b/pages/components/packages.tsx @@ -1,11 +1,9 @@ import { useEffect, useState } from 'react' import { useTheme } from 'nextra-theme-docs'; -import styles from './Grid.module.css'; +import styles from './Packages.module.css'; const Packages = () => { - const theme = useTheme().theme; - const isDark = theme!== "light"; - const [CurrentSearchQuery, setCurrentSearchQuery] = useState(''); + const [CurrentSearchQuery, setCurrentSearchQuery] = useState('*'); const [currentSearch, setCurrentSearch] = useState([]); const [currentPage, setCurrentPage] = useState(1); @@ -21,10 +19,10 @@ const Packages = () => { } const items = data.items.map((item, i) => { return ( -
+

{item.name}

-

{item.latest}

-
+

{item.version}

+ ) }); setCurrentSearch(items); @@ -41,19 +39,20 @@ const Packages = () => { }; useEffect(() => { - const ac = setTimeout(() => {handleSearchChange(CurrentSearchQuery)}, 600); + const ac = setTimeout(() => {handleSearchChange(CurrentSearchQuery!=='' ? CurrentSearchQuery : '*')}, 600); return () => { clearTimeout(ac); } }, [CurrentSearchQuery]); useEffect(() => { - const ac = setTimeout(() => {handleSearchChange(CurrentSearchQuery)}, 100); + const ac = setTimeout(() => { + handleSearchChange(CurrentSearchQuery); + }, 300); return () => { clearTimeout(ac); } }, [currentPage]); - return ( <> @@ -64,8 +63,19 @@ const Packages = () => {
- - + +
); diff --git a/theme.config.tsx b/theme.config.tsx index d384958..0004fe6 100644 --- a/theme.config.tsx +++ b/theme.config.tsx @@ -1,8 +1,9 @@ import React from 'react' -import { DocsThemeConfig } from 'nextra-theme-docs' +import { DocsThemeConfig, useTheme } from 'nextra-theme-docs' +import Logo from './components/images' const config: DocsThemeConfig = { - logo: Wyst Lang, + logo: , project: { link: 'https://github.com/wyst-lang/wyst', }, @@ -10,6 +11,11 @@ const config: DocsThemeConfig = { link: 'https://discord.gg/nCePwckd4q', }, docsRepositoryBase: 'https://github.com/wyst-lang/wyst', + useNextSeoProps() { + return { + titleTemplate: '%s - Wyst' + } + } } export default config