cosmos-multisig-ui/components/dataViews/HashView.js
2022-01-12 23:21:26 +01:00

19 lines
434 B
JavaScript

import React from "react";
import { abbreviateLongString } from "../../lib/displayHelpers";
import CopyAndPaste from "./CopyAndPaste";
const HashView = ({ hash, abbreviate }) => (
<div className="hash-view">
<div>{abbreviate ? abbreviateLongString(hash) : hash}</div>
<CopyAndPaste copyText={hash} />
<style jsx>{`
.hash-view {
display: flex;
}
`}</style>
</div>
);
export default HashView;