64 lines
2.3 KiB
JavaScript
64 lines
2.3 KiB
JavaScript
import React from 'react';
|
|
|
|
import ValidationUsersImg from '../validationLog/ValidationUsersImg';
|
|
|
|
function SharedDataRoadMap({ data }) {
|
|
return (
|
|
<article className="mb-2">
|
|
<div className="xl:flex">
|
|
<div className="grow">
|
|
<div className="flex items-center mb-2 relative">
|
|
<div className="absolute left-0" aria-hidden="true">
|
|
<svg
|
|
width="16"
|
|
height="15"
|
|
viewBox="0 0 16 15"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M4 7H0V11.9C0 12.9 0.7 13.8 1.7 14C2.9 14.2 4 13.2 4 12V7Z"
|
|
fill="#A5B4FC"
|
|
/>
|
|
<path
|
|
d="M15.0004 0H7.00039C6.40039 0 6.00039 0.4 6.00039 1V12C6.00039 12.7 5.80039 13.4 5.40039 14H13.0004C14.7004 14 16.0004 12.7 16.0004 11V1C16.0004 0.4 15.6004 0 15.0004 0Z"
|
|
fill="#6366F1"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<div className="flex flex-col max-w-3xl">
|
|
<h3 className="text-base font-semibold text-slate-800 pl-7 overflow-ellipsis overflow-hidden">
|
|
{data.value}
|
|
</h3>
|
|
<span className="font-normal text-[10px] text-slate-600 pl-7">
|
|
{data.label}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{data.seed && (
|
|
<div className="block text-slate-600 w-fit pl-7">
|
|
<div className="text-xs font-semibold underline mb-[-10px] cursor-pointer">
|
|
{data.seed.toUpperCase()}
|
|
</div>
|
|
<span className="font-normal text-[10px]">seed</span>
|
|
</div>
|
|
)}
|
|
{data.hash && (
|
|
<div className="mb-3.5 block text-slate-600 w-fit pl-7">
|
|
<div className="text-xs font-semibold underline mb-[-10px] cursor-pointer">
|
|
{data.hash.toUpperCase()}
|
|
</div>
|
|
<span className="font-normal text-[10px]">hash</span>
|
|
</div>
|
|
)}
|
|
<a className="cursor-pointer pl-7 font-normal text-sm text-indigo-500 hover:text-indigo-600">
|
|
Explore ->
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
);
|
|
}
|
|
|
|
export default SharedDataRoadMap;
|