From 3e09b05468c372e85518ff76d8d6d9a415f61fac Mon Sep 17 00:00:00 2001
From: kon-foo <25391223+kon-foo@users.noreply.github.com>
Date: Mon, 19 Feb 2024 17:50:40 +0000
Subject: [PATCH] docs: add self-hosting section (#883)
---
quartz/components/Graph.tsx | 10 ++++++----
1 files changed, 6 insertions(+), 4 deletions(-)
diff --git a/quartz/components/Graph.tsx b/quartz/components/Graph.tsx
index 1b8071b..40ab43a 100644
--- a/quartz/components/Graph.tsx
+++ b/quartz/components/Graph.tsx
@@ -1,7 +1,9 @@
-import { QuartzComponentConstructor } from "./types"
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
// @ts-ignore
import script from "./scripts/graph.inline"
import style from "./styles/graph.scss"
+import { i18n } from "../i18n"
+import { classNames } from "../util/lang"
export interface D3Config {
drag: boolean
@@ -52,12 +54,12 @@
}
export default ((opts?: GraphOptions) => {
- function Graph() {
+ const Graph: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
const localGraph = { ...defaultOptions.localGraph, ...opts?.localGraph }
const globalGraph = { ...defaultOptions.globalGraph, ...opts?.globalGraph }
return (
- <div class="graph">
- <h3>Graph View</h3>
+ <div class={classNames(displayClass, "graph")}>
+ <h3>{i18n(cfg.locale).components.graph.title}</h3>
<div class="graph-outer">
<div id="graph-container" data-cfg={JSON.stringify(localGraph)}></div>
<svg
--
Gitblit v1.10.0