import { Button } from '@components/Buttons'; import { getLayout } from '@components/Layouts/Layout'; import PostHeader from '@components/PostHeader/PostHeader'; import PostsList from '@components/PostsList/PostsList'; import { config } from '@config/website'; import { t } from '@lingui/macro'; import { getPublishedPosts } from '@services/graphql/queries'; import { NextPageWithLayout } from '@ts/types/app'; import { PostsList as PostsListData } from '@ts/types/blog'; import { loadTranslation } from '@utils/helpers/i18n'; import { GetStaticProps } from 'next'; import Head from 'next/head'; import { useRouter } from 'next/router'; import { useEffect, useState } from 'react'; import useSWRInfinite from 'swr/infinite'; import styles from '@styles/pages/Listing.module.scss'; const Search: NextPageWithLayout = () => { const [query, setQuery] = useState(''); const router = useRouter(); useEffect(() => { if (!router.isReady) return; if (router.query?.s && typeof router.query.s === 'string') { setQuery(router.query.s); } }, [router.isReady, router.query.s]); const getKey = (pageIndex: number, previousData: PostsListData) => { if (previousData && !previousData.posts) return null; return pageIndex === 0 ? { first: config.postsPerPage, searchQuery: query } : { first: config.postsPerPage, after: previousData.pageInfo.endCursor, searchQuery: query, }; }; const { data, error, size, setSize } = useSWRInfinite( getKey, getPublishedPosts ); const head = { title: t`Search results for ${query}] | Armand Philippot`, description: t`Discover search results for ${query}].`, }; const isLoadingInitialData = !data && !error; const isLoadingMore: boolean = isLoadingInitialData || (size > 0 && data !== undefined && typeof data[size - 1] === 'undefined'); if (error) return
{t`Failed to load.`}
; if (!data) return
{t`Loading...`}
; const hasNextPage = data && data[data.length - 1].pageInfo.hasNextPage; const title = query ? t`Search results for: ${query}` : t({ id: 'msg.search', comment: 'Search page title', message: 'Search', }); return ( <> {head.title}
{hasNextPage && ( )}
); }; Search.getLayout = getLayout; export const getStaticProps: GetStaticProps = async (context) => { const translation = await loadTranslation( context.locale!, process.env.NODE_ENV === 'production' ); const breadcrumbTitle = t`Search`; return { props: { breadcrumbTitle, translation, }, }; }; export default Search; s='content'>blob: 175ca227706f26ee71b125769b35d70d51772743 (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

(Prism.languages.nix = {
  comment: { pattern: /\/\*[\s\S]*?\*\/|#.*/, greedy: !0 },
  string: {
    pattern: /"(?:[^"\\]|\\[\s\S])*"|''(?:(?!'')[\s\S]|''(?:'|\\|\$\{))*''/,
    greedy: !0,
    inside: {
      interpolation: {
        pattern: /(^|(?:^|(?!'').)[^\\])\$\{(?:[^{}]|\{[^}]*\})*\}/,
        lookbehind: !0,
        inside: null,
      },
    },
  },
  url: [
    /\b(?:[a-z]{3,7}:\/\/)[\w\-+%~\/.:#=?&]+/,
    {
      pattern:
        /([^\/])(?:[\w\-+%~.:#=?&]*(?!\/\/)[\w\-+%~\/.:#=?&])?(?!\/\/)\/[\w\-+%~\/.:#=?&]*/,
      lookbehind: !0,
    },
  ],
  antiquotation: { pattern: /\$(?=\{)/, alias: 'important' },
  number: /\b\d+\b/,
  keyword: /\b(?:assert|builtins|else|if|in|inherit|let|null|or|then|with)\b/,
  function:
    /\b(?:abort|add|all|any|attrNames|attrValues|baseNameOf|compareVersions|concatLists|currentSystem|deepSeq|derivation|dirOf|div|elem(?:At)?|fetch(?:Tarball|url)|filter(?:Source)?|fromJSON|genList|getAttr|getEnv|hasAttr|hashString|head|import|intersectAttrs|is(?:Attrs|Bool|Function|Int|List|Null|String)|length|lessThan|listToAttrs|map|mul|parseDrvName|pathExists|read(?:Dir|File)|removeAttrs|replaceStrings|seq|sort|stringLength|sub(?:string)?|tail|throw|to(?:File|JSON|Path|String|XML)|trace|typeOf)\b|\bfoldl'\B/,
  boolean: /\b(?:false|true)\b/,
  operator: /[=!<>]=?|\+\+?|\|\||&&|\/\/|->?|[?@]/,
  punctuation: /[{}()[\].,:;]/,
}),
  (Prism.languages.nix.string.inside.interpolation.inside =
    Prism.languages.nix);