46 lines
1.0 KiB
TypeScript
46 lines
1.0 KiB
TypeScript
import React from "react";
|
|
import { Light as SyntaxHighlighter } from "react-syntax-highlighter";
|
|
import hljs from "highlight.js";
|
|
import docco from "react-syntax-highlighter/dist/esm/styles/hljs/docco";
|
|
import { useContract } from "../useSourcify";
|
|
|
|
import hljsDefineSolidity from "highlightjs-solidity";
|
|
import { useAppConfigContext } from "../useAppConfig";
|
|
hljsDefineSolidity(hljs);
|
|
|
|
type ContractProps = {
|
|
checksummedAddress: string;
|
|
networkId: number;
|
|
filename: string;
|
|
source: any;
|
|
};
|
|
|
|
const Contract: React.FC<ContractProps> = ({
|
|
checksummedAddress,
|
|
networkId,
|
|
filename,
|
|
source,
|
|
}) => {
|
|
const { sourcifySource } = useAppConfigContext();
|
|
const content = useContract(
|
|
checksummedAddress,
|
|
networkId,
|
|
filename,
|
|
source,
|
|
sourcifySource
|
|
);
|
|
|
|
return (
|
|
<SyntaxHighlighter
|
|
className="w-full h-full border font-code text-base"
|
|
language="solidity"
|
|
style={docco}
|
|
showLineNumbers
|
|
>
|
|
{content ?? ""}
|
|
</SyntaxHighlighter>
|
|
);
|
|
};
|
|
|
|
export default React.memo(Contract);
|