From c4cd84dcc884469a0d84e2bec239b2fc3596c44f Mon Sep 17 00:00:00 2001
From: Andrew <80933354+ndrooo@users.noreply.github.com>
Date: Sat, 24 Aug 2024 17:13:55 +0000
Subject: [PATCH] fix: Add a wrapper element to dates in PageList. (#1345)
---
quartz/components/Graph.tsx | 13 +++++++++----
1 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/quartz/components/Graph.tsx b/quartz/components/Graph.tsx
index 1b8071b..f7ebcc9 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
@@ -15,6 +17,7 @@
opacityScale: number
removeTags: string[]
showTags: boolean
+ focusOnHover?: boolean
}
interface GraphOptions {
@@ -35,6 +38,7 @@
opacityScale: 1,
showTags: true,
removeTags: [],
+ focusOnHover: false,
},
globalGraph: {
drag: true,
@@ -48,16 +52,17 @@
opacityScale: 1,
showTags: true,
removeTags: [],
+ focusOnHover: true,
},
}
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