diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index fb931a3..31738b0 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -14,7 +14,7 @@ jobs: - name: Use Node.js uses: actions/setup-node@v2 with: - node-version: "17.x" + node-version: "20.x" - name: Install dependencies run: npm install - name: Run lint diff --git a/components/WorkflowCard.tsx b/components/WorkflowCard.tsx index 6c330da..ed3eadd 100644 --- a/components/WorkflowCard.tsx +++ b/components/WorkflowCard.tsx @@ -23,10 +23,8 @@ const WorkflowCard = ({ workflow, isSearchResult }: WorkflowCardProps) => { // Be default we should use the tag for the cards so search crawlers can find the URLs. const LinkCard = ({ children }: { children: React.ReactNode }) => ( - - - {children} - + + {children} ); diff --git a/components/WorkflowTags.tsx b/components/WorkflowTags.tsx index e0f0991..e31eff2 100644 --- a/components/WorkflowTags.tsx +++ b/components/WorkflowTags.tsx @@ -4,10 +4,11 @@ export default function WorkflowTags({ tags }: { tags: string[] }) { return (
{tags.map((tag, id) => ( - - - {tag} - + + {tag} ))}
diff --git a/components/footer.tsx b/components/footer.tsx index 1f5a934..136c96e 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -55,20 +55,18 @@ const Footer = () => (

Made with ❤️ by{" "} - - { - gtag.event({ - action: "click_on_footer_landing_page", - category: "Click on Landing Page", - label: "Click on Landing Page via Footer", - value: window.location.pathname, - }); - }} - > - the Warp Team and community - + { + gtag.event({ + action: "click_on_footer_landing_page", + category: "Click on Landing Page", + label: "Click on Landing Page via Footer", + value: window.location.pathname, + }); + }}> + the Warp Team and community

diff --git a/components/layout.tsx b/components/layout.tsx index f51de7e..9e4abc0 100644 --- a/components/layout.tsx +++ b/components/layout.tsx @@ -1,7 +1,6 @@ import Head from "next/head"; -import algoliasearch from "algoliasearch/lite"; -import { InstantSearch } from "react-instantsearch-dom"; - +import { liteClient } from "algoliasearch/lite"; +import { InstantSearch } from 'react-instantsearch'; import NavBar from "./navbar"; import Footer from "./footer"; import CustomHits from "./search/CustomHits"; @@ -9,7 +8,7 @@ import CustomHits from "./search/CustomHits"; export const siteTitle = "Commands.dev - Find commands at the speed of thought"; export const siteDescription = "Commands.dev is a searchable, templated catalog of popular terminal commands curated from across the internet."; -const searchClient = algoliasearch( +const searchClient = liteClient( process.env.NEXT_PUBLIC_ALGOLIA_APP_ID!, process.env.NEXT_PUBLIC_ALGOLIA_SEARCH_API_KEY! ); @@ -50,7 +49,7 @@ export default function Layout({ - + {/* Show children if query is empty */}
diff --git a/components/navbar.tsx b/components/navbar.tsx index 75673c8..1a63cc1 100644 --- a/components/navbar.tsx +++ b/components/navbar.tsx @@ -10,12 +10,12 @@ import * as gtag from "../lib/gtag"; export default function NavBar() { let [mobileSearchBoxOpen, setMobileSearchBoxOpen] = useState(false); const mobileSearchButton = useRef(null); - useEffect( () => { - if ( !! mobileSearchBoxOpen ) { + useEffect(() => { + if (!!mobileSearchBoxOpen) { return; } mobileSearchButton?.current?.focus(); - }, [ mobileSearchBoxOpen ] ) + }, [mobileSearchBoxOpen]) return (
@@ -55,10 +55,11 @@ export default function NavBar() { > - - - Commands - + + Commands
@@ -75,12 +76,10 @@ export default function NavBar() {
- (commandCopied ? "Copied" : "Copy")} />
diff --git a/tailwind.config.js b/tailwind.config.js index e6eb1c2..b1521bb 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -41,5 +41,4 @@ module.exports = { }, }, }, - plugins: [require("@tailwindcss/line-clamp")], };