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
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" />
    </>
  ),
  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;