Added location statuses for account data

This commit is contained in:
DwCay
2022-08-23 05:50:59 +03:00
parent 369f0e375c
commit 0a0151d1dd
4 changed files with 46 additions and 14 deletions

View File

@@ -5,7 +5,7 @@ function ProfileTableItem(props) {
return (
<>
<tr className={`${props.status !== 'Progress' || 'bg-[#eaf0f6]'}`}>
<tr>
<td className="pl-4 pr-4 py-3 whitespace-nowrap w-px">
<div className="flex items-center">
<label className="inline-flex">
@@ -19,7 +19,7 @@ function ProfileTableItem(props) {
<div className="w-9 h-9 shrink-0 mr-2 sm:mr-4">
<img className="rounded-full" src={props.image} width="40" height="40" alt={props.property} />
</div>
<div className="flex flex-col w-60">
<div className="flex flex-col w-60">
<div className="font-semibold text-slate-800 text-base">{props.value}</div>
<div className="font-normal text-xxs">{props.property}</div>
</div>
@@ -27,10 +27,10 @@ function ProfileTableItem(props) {
</td>
<td className="py-3 whitespace-nowrap w-px">
<div className="w-fit text-xs inline-flex font-medium px-2.5 py-1">
{(props.status === 'Progress') ? (
{(props.status === 'Blockchained') ? (
<div className="bg-amber-100 text-amber-600 rounded-full text-center px-2.5 py-1">
{props.status}
</div>) :
</div>) :
(props.status === 'Stored') ? (
<div className="bg-slate-700 text-slate-100 rounded-full text-center px-2.5 py-1">
{props.status}
@@ -89,7 +89,7 @@ function ProfileTableItem(props) {
</div>
</td>
</tr>
<tr className={`${!descriptionOpen && 'hidden'} ${props.status !== 'Progress' || 'bg-[#eaf0f6]'}` }>
<tr className={`${!descriptionOpen && 'hidden'}` }>
<td colSpan="10" className="px-12 pt-3.5 pb-[14px]">
<div className="flex items-center gap-x-5">
<div>
@@ -139,7 +139,7 @@ function ProfileTableItem(props) {
Explore -&gt;
</a>
</div>
</li>
</li>
))}
</ul>
</div>