on master help sign in
various: add search component to all pages
commite637f2d28794114e4650639381cd429ff5e2e84e authorMatilde Park <matilde@tlon.io> dateThu 24 Jun 2021, 19:52 (5 years ago) parent1ac04a8
9 files changed+17−1
pages/404.js+2 pages/blog.js+2 pages/blog/[slug].js+2 pages/docs.js+1 pages/docs/[...slug].js+2 pages/events.js+2 pages/events/[slug].js+2 pages/grants.js+2 pages/index.js+2−1
pages/404.js+2
@@ -2,10 +2,12 @@ import Container from "../components/Container";
22import SingleColumn from "../components/SingleColumn";
33import Header from "../components/Header";
44import Footer from "../components/Footer";
5+import Search from "../components/Search";
56
67export default function NotFound() {
78 return (
89 <Container>
10+ <Search />
911 <SingleColumn>
1012 <Header />
1113 <section className="layout-wide pt-48">
pages/blog.js+2
@@ -2,6 +2,7 @@ import Head from "next/head";
22import Link from "next/link";
33import { useState } from "react";
44import Container from "../components/Container";
5+import Search from "../components/Search";
56import Footer from "../components/Footer";
67import Header from "../components/Header";
78import SingleColumn from "../components/SingleColumn";
@@ -11,6 +12,7 @@ import { getAllPosts, formatDate } from "../lib/lib";
1112export default function Blog({ posts }) {
1213 return (
1314 <Container>
15+ <Search />
1416 <SingleColumn>
1517 <Header />
1618 <section className="layout-wide">
pages/blog/[slug].js+2
@@ -13,6 +13,7 @@ import Container from "../../components/Container";
1313import Markdown from "../../components/Markdown";
1414import Header from "../../components/Header";
1515import Footer from "../../components/Footer";
16+import Search from "../../components/Search";
1617import BackgroundImage from "../../components/BackgroundImage";
1718import SingleColumn from "../../components/SingleColumn";
1819import NewsletterSignup from "../../components/NewletterSignup";
@@ -27,6 +28,7 @@ export default function Post({ post, nextPost, previousPost }) {
2728
2829 return (
2930 <Container>
31+ <Search />
3032 <SingleColumn>
3133 <Header />
3234 <section className="flex flex-col layout-wide">
pages/docs.js+1
@@ -5,6 +5,7 @@ import classnames from "classnames";
55import { join } from "path";
66import { buildPageTree, getPage } from "../lib/lib";
77import Markdown from "../components/Markdown";
8+import Search from "../components/Search";
89
910const breadcrumbs = (posts, paths) => {
1011 const results = [
pages/docs/[...slug].js+2
@@ -6,6 +6,7 @@ import classnames from "classnames";
66import { join } from "path";
77import { getDocs, formatDate, buildPageTree, getPage } from "../../lib/lib";
88import Markdown from "../../components/Markdown";
9+import Search from "../../components/Search";
910
1011const breadcrumbs = (posts, paths) => {
1112 const results = [
@@ -117,6 +118,7 @@ export default function DocsLayout({ posts, data, content, params }) {
117118 <Head>
118119 <title>{data.title} / Documentation / Urbit.org</title>
119120 </Head>
121+ <Search />
120122 <div className="flex w-screen h-screen min-h-screen w-screen overflow-hidden">
121123 <Sidebar>{childPages("/docs", posts.children)}</Sidebar>
122124 <ContentArea
pages/events.js+2
@@ -4,6 +4,7 @@ import { useState } from "react";
44import Container from "../components/Container";
55import Footer from "../components/Footer";
66import Header from "../components/Header";
7+import Search from "../components/Search";
78import SingleColumn from "../components/SingleColumn";
89import BackgroundImage from "../components/BackgroundImage";
910import { getAllPosts, formatDate } from "../lib/lib";
@@ -71,6 +72,7 @@ function EventCard(props) {
7172export default function Events({ pastEvents, currentEvents }) {
7273 return (
7374 <Container>
75+ <Search />
7476 <SingleColumn>
7577 <Header />
7678 <section className="layout-wide">
pages/events/[slug].js+2
@@ -13,6 +13,7 @@ import Container from "../../components/Container";
1313import Markdown from "../../components/Markdown";
1414import Header from "../../components/Header";
1515import Footer from "../../components/Footer";
16+import Search from "../../components/Search";
1617import BackgroundImage from "../../components/BackgroundImage";
1718import SingleColumn from "../../components/SingleColumn";
1819import NewsletterSignup from "../../components/NewletterSignup";
@@ -27,6 +28,7 @@ export default function Event({ post, nextPost, previousPost }) {
2728
2829 return (
2930 <Container>
31+ <Search />
3032 <SingleColumn>
3133 <Header />
3234 <section className="flex flex-col layout-wide pt-24">
pages/grants.js+2
@@ -5,6 +5,7 @@ import classnames from "classnames";
55import Container from "../components/Container";
66import Footer from "../components/Footer";
77import Header from "../components/Header";
8+import Search from "../components/Search";
89import SingleColumn from "../components/SingleColumn";
910import BackgroundImage from "../components/BackgroundImage";
1011import TabCarousel from "../components/TabCarousel";
@@ -79,6 +80,7 @@ export default function Grants({ posts, categories, types, featuredGrants }) {
7980 return (
8081 <Container>
8182 <SingleColumn>
83+ <Search />
8284 <Header />
8385 {
8486 // Heading and introduction
pages/index.js+2−1
@@ -5,6 +5,7 @@ import Container from "../components/Container";
55import SingleColumn from "../components/SingleColumn";
66import Header from "../components/Header";
77import Footer from "../components/Footer";
8+import Search from "../components/Search";
89import BackgroundImage from "../components/BackgroundImage";
910import TabCarousel from "../components/TabCarousel";
1011import NewsletterSignup from "../components/NewletterSignup";
@@ -14,10 +15,10 @@ import { contact } from "../lib/constants";
1415
1516export default function Home({ posts, events, openGrantsCount }) {
1617 const [tab, setTab] = useState(0);
17−
1818 return (
1919 <Container>
2020 <SingleColumn>
21+ <Search />
2122 <Header />
2223
2324 {