add prettier
This commit is contained in:
@@ -1,44 +1,63 @@
|
||||
import React from "react";
|
||||
import React from 'react';
|
||||
|
||||
import ValidationUsersImg from "../validationLog/ValidationUsersImg";
|
||||
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>
|
||||
<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>
|
||||
{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>
|
||||
{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>
|
||||
</article>
|
||||
)
|
||||
</div>
|
||||
</article>
|
||||
);
|
||||
}
|
||||
|
||||
export default SharedDataRoadMap;
|
||||
export default SharedDataRoadMap;
|
||||
|
||||
Reference in New Issue
Block a user