docs/theme.config.tsx at main · Opire/docs · GitHub

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
import React from 'react';
import { DocsThemeConfig } from 'nextra-theme-docs';
import { useRouter } from 'next/router';

function SearchPlaceholder() {
  const { locale } = useRouter();

  const map = {
    es: 'Buscar',
    en: 'Search',
    pt: 'Procurar',
    fr: 'Rechercher',
    de: 'Suchen',
    zh: '搜索'
  };

  return map[locale] ?? map.en;
}

const config: DocsThemeConfig = {
  darkMode: true,
  search: {
    placeholder: SearchPlaceholder,
  },
  logo: (
    <div style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>
      <img src={'/opire_logo.svg'} style={{ width: '36px', height: '36px' }} />

      <span>Opire</span>
    </div>
  ),
  docsRepositoryBase: 'https://github.com/Opire/docs/blob/main',
  project: {
    link: 'https://github.com/opire/docs',
  },
  chat: {
    link: 'https://discord.gg/Rfq8CMZH4b',
  },
  useNextSeoProps() {
    return {
      titleTemplate:
        'Opire Docs - The Rewards Platform for Software Developers',
    };
  },
  head: (
    <>
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta name="robots" content="index, follow" />

      <meta
        name="title"
        content="Opire - The Rewards Platform for Software Developers"
      />
      <meta
        name="description"
        content="With Opire, anyone can create rewards for open source projects and grow their community, while developers can solve issues and earn the associated rewards."
      />
      <meta
        name="keywords"
        content="opire, opiredev, reward, bounty, money, open source, software, programmer, community, dev, developement, issue, git, github, gitlab, pr, mr, pull request, merge request"
      />

      <meta property="og:type" content="website" />
      <meta
        property="og:title"
        content="Opire - The Rewards Platform for Software Developers"
      />
      <meta
        property="og:description"
        content="With Opire, anyone can create rewards for open source projects and grow their community, while developers can solve issues and earn the associated rewards."
      />

      <link
        rel="canonical"
        href="https://docs.opire.dev/overview/introduction"
      />
      <link rel="shortcut icon" href="/opire_logo.svg" />
      <script defer src="https://eu.umami.is/script.js" data-website-id={process.env.NEXT_PUBLIC_UMAMI_TOKEN}></script>
    </>
  ),
  primaryHue: {
    dark: 190,
    light: 215,
  },
  // banner: {
  //   dismissible: true,
  //   key: 'example-banner',
  //   text: ''
  // },
  sidebar: {
    defaultMenuCollapseLevel: 2,
    autoCollapse: false,
    titleComponent: ({ title, type, route }) => {
      return <>{title}</>;
    },
  },
  gitTimestamp: '',
  footer: {
    text: 'Opire with 💙',
  },
  i18n: [
    { locale: 'en', text: 'English' },
    { locale: 'es', text: 'Español' },
    { locale: 'pt', text: 'Portuguese' },
    { locale: 'fr', text: 'Français' },
    { locale: 'de', text: 'Deutsch' },
    { locale: 'zh', text: '简体中文' }
  ],
};

export default config;