From 1fabfa2c55ccce8e8aa779ef8466a0fd99d20df1 Mon Sep 17 00:00:00 2001
From: matthew <matthew@matthews-MacBook-Pro.local>
Date: Wed, 19 Oct 2022 02:11:15 +0400
Subject: [PATCH] add avaialbe date dashboard

---
 .../app/core/pages/State/State.tsx            | 15 +++++++++----
 .../app/core/pages/State/styles.module.css    | 22 ++++++++++++++++++-
 2 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/searching-front/app/core/pages/State/State.tsx b/searching-front/app/core/pages/State/State.tsx
index 6845f8a..dfb3276 100644
--- a/searching-front/app/core/pages/State/State.tsx
+++ b/searching-front/app/core/pages/State/State.tsx
@@ -126,10 +126,17 @@ const State = ({
               wide
               title="Open tonsite"
             >
-              {getDomainFromUrl(i.address)}
-              <Button className={s.siteButton} theme="primary">
-                .ton
-              </Button>
+              <div className={s.newestListItemLeftContent}>
+                {getDomainFromUrl(i.address)}
+                <Button className={s.siteButton} theme="primary">
+                  .ton
+                </Button>
+              </div>
+
+              <div className={s.newestListItemLeftDate}>
+                {i.firstAvailableDate &&
+                  format(new Date(i.firstAvailableDate), "d MMMM").toLowerCase()}
+              </div>
             </Link>
 
             {i.walletAddress && i.tonBalance && (
diff --git a/searching-front/app/core/pages/State/styles.module.css b/searching-front/app/core/pages/State/styles.module.css
index f88ad32..1dcedd1 100644
--- a/searching-front/app/core/pages/State/styles.module.css
+++ b/searching-front/app/core/pages/State/styles.module.css
@@ -142,8 +142,25 @@
 
 .newestListItemLeft {
   position: relative;
-  padding: 24px 0 24px 34px;
+  padding: 24px 0 16px 34px;
   flex: 1 1 70%;
+
+}
+
+.newestListItemLeft a {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.newestListItemLeftContent {
+  
+}
+.newestListItemLeftDate {
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 15px;
+  opacity: 32%;
 }
 
 .newestListItemRight {
@@ -194,6 +211,9 @@
     padding: 24px 34px;
     justify-content: center;
   }
+  .newestListItemLeft{
+    padding-bottom: 16px;
+  }
   .newestListItemRight {
     text-align: left;