Add Follow me alert to content.

This commit is contained in:
Tuan Cao 2022-03-25 15:18:36 +07:00
parent 00716b01e7
commit f1fb9e26e2
2 changed files with 15 additions and 5 deletions

View File

@ -1,7 +1,8 @@
import Layout, {siteTitle} from "../components/layout"; import Layout, {siteTitle} from "../components/layout";
import {getSinglePost, getGraphData, getDirectoryData, convertObject, getFlattenArray} from "../lib/utils"; import {getSinglePost, getGraphData, getDirectoryData, convertObject, getFlattenArray} from "../lib/utils";
import FolderTree from "../components/FolderTree"; import FolderTree from "../components/FolderTree";
import {Box} from '@mui/material' import Alert from '@mui/material/Alert';
import AlertTitle from '@mui/material/AlertTitle';
export default function Home({content, graphdata, filenames, tree, flattenNodes, ...props}) { export default function Home({content, graphdata, filenames, tree, flattenNodes, ...props}) {
@ -12,6 +13,10 @@ export default function Home({content, graphdata, filenames, tree, flattenNodes,
<FolderTree tree={tree} flattenNodes={flattenNodes}/> <FolderTree tree={tree} flattenNodes={flattenNodes}/>
</nav> </nav>
<main className="markdown-rendered"> <main className="markdown-rendered">
<Alert severity="info">
<AlertTitle>Want to know more?</AlertTitle>
🌱 <strong>Follow</strong> or <strong>DM</strong> me on Twitter at <span><a href="https://twitter.com/tuancm">@tuancm</a></span>
</Alert>
<div dangerouslySetInnerHTML={{__html: content.data}}/> <div dangerouslySetInnerHTML={{__html: content.data}}/>
</main> </main>
</div> </div>

View File

@ -7,6 +7,8 @@ import {getPostListData, getSinglePost, getGraphData, convertObject, getDirector
import { Network } from "../../components/graph"; import { Network } from "../../components/graph";
import FolderTree from "../../components/FolderTree"; import FolderTree from "../../components/FolderTree";
import {getFlattenArray} from "../../lib/utils"; import {getFlattenArray} from "../../lib/utils";
import Alert from '@mui/material/Alert';
import AlertTitle from '@mui/material/AlertTitle';
export default function Home({ note, graphdata,tree, flattenNodes, ...props }) { export default function Home({ note, graphdata,tree, flattenNodes, ...props }) {
var jsnx = require('jsnetworkx'); var jsnx = require('jsnetworkx');
@ -62,10 +64,13 @@ export default function Home({ note, graphdata,tree, flattenNodes, ...props }) {
<nav className="nav-bar"> <nav className="nav-bar">
<FolderTree tree={tree} flattenNodes={flattenNodes}/> <FolderTree tree={tree} flattenNodes={flattenNodes}/>
</nav> </nav>
<div <main className="markdown-rendered">
className="markdown-rendered" <Alert severity="info">
dangerouslySetInnerHTML={{__html:note.data}}> <AlertTitle>Want to know more?</AlertTitle>
</div> 🌱 <strong>Follow</strong> or <strong>DM</strong> me on Twitter at <span><a href="https://twitter.com/tuancm">@tuancm</a></span>
</Alert>
<div dangerouslySetInnerHTML={{__html: note.data}}/>
</main>
</div> </div>