Update Create.razor

block-core · Aug 8, 2024 · 600fc45 · 600fc45
1 parent d7071ab
commit 600fc45
Showing 1 changed file with 43 additions and 16 deletions.
diff --git a/src/Angor/Client/Pages/Create.razor b/src/Angor/Client/Pages/Create.razor
@@ -313,32 +313,61 @@
 
     @if (activeTab == 3)
     {
-        <p class="mb-1"><strong>Project Name:</strong> @project.Metadata.Name</p>
-        <p class="mb-1"><strong>Project About:</strong> @project.Metadata.About</p>
 
-        <p class="mb-1"><strong>Project Identifier:</strong> @project.ProjectInfo.ProjectIdentifier</p>
-        <p class="mb-1"><strong>Founder Key:</strong> @project.ProjectInfo.FounderKey.Substring(0, 10)...</p> <!-- Display only the first 10 characters -->
+        <div class="form-control mt-1 d-flex align-items-center">
+            <Icon IconName="name"></Icon>
+            <p class="card-text ms-2"><strong>Project Name:</strong> @project.Metadata.Name</p>
+        </div>
+        <div class="form-control mt-1 d-flex align-items-center">
+            <Icon IconName="about"></Icon>
+            <p class="card-text ms-2"><strong>Project About:</strong> @((MarkupString)project.Metadata.About)</p>
+        </div>
+        <div class="form-control mt-1 d-flex align-items-center">
+            <Icon IconName="identifier"></Icon>
+            <p class="card-text ms-2"><strong>Project Identifier:</strong> @project.ProjectInfo.ProjectIdentifier</p>
+        </div>
+        <div class="form-control mt-1 d-flex align-items-center">
+            <Icon IconName="key"></Icon>
+            <p class="card-text ms-2"><strong>Founder Key:</strong> @project.ProjectInfo.FounderKey.Substring(0, 10)...</p> <!-- Display only the first 10 characters -->
+        </div>
+        <div class="form-control mt-1 d-flex align-items-center">
+            <Icon IconName="balance"></Icon>
+            <p class="card-text ms-2"><strong>Target amount:</strong> @project.ProjectInfo.TargetAmount @network.CoinTicker</p>
+        </div>
+        <div class="form-control mt-1 d-flex align-items-center">
+            <Icon IconName="calendar"></Icon>
+            <p class="card-text ms-2"><strong>Start date:</strong> @project.ProjectInfo.StartDate.ToString("dd/MM/yyyy") in @((project.ProjectInfo.StartDate - DateTime.Now).Days) days</p>
+        </div>
+        <div class="form-control mt-1 d-flex align-items-center">
+            <Icon IconName="calendar"></Icon>
+            <p class="card-text ms-2"><strong>Expiry date:</strong> @project.ProjectInfo.ExpiryDate.ToString("dd/MM/yyyy") in @((project.ProjectInfo.ExpiryDate - DateTime.Now).Days) days</p>
+        </div>
+        <div class="form-control mt-1 d-flex align-items-center">
+            <Icon IconName="sad-circle"></Icon>
+            <p class="card-text ms-2"><strong>Penalty days:</strong> @project.ProjectInfo.PenaltyDays days</p>
+        </div>
 
-        <p class="mb-1"><strong>Target amount:</strong> @project.ProjectInfo.TargetAmount @network.CoinTicker</p>
 
-        <p class="mb-1"><strong>Start date:</strong> @project.ProjectInfo.StartDate.ToString("dd/MM/yyyy") in @((project.ProjectInfo.StartDate - DateTime.Now).Days) days</p>
-        <p class="mb-1"><strong>Expiry date:</strong> @project.ProjectInfo.ExpiryDate.ToString("dd/MM/yyyy") in @((project.ProjectInfo.ExpiryDate - DateTime.Now).Days) days</p>
-        <p class="mb-1"><strong>Penalty days:</strong> @project.ProjectInfo.PenaltyDays days</p>
+        <h6 class="mt-4 mb-4">Stages</h6>
 
-        <h6 class="mt-3 mb-2">Stages</h6>
         @foreach (var stage in project.ProjectInfo.Stages)
         {
-            <div style="border-top: 1px solid #dee2e6; padding-top: 10px; margin-top: 10px; font-size: 0.85em;">
-                <p class="mb-1"><strong>Stage percent:</strong> @stage.AmountToRelease % </p>
-                <p class="mb-1"><strong>Stage date:</strong> @stage.ReleaseDate.ToString("dd/MM/yyyy") - @((stage.ReleaseDate - project.ProjectInfo.StartDate).Days) days after project starts </p>
+            <div class="form-control card mt-2 p-3">
+                <div class="d-flex align-items-center">
+                    <Icon IconName="percent"></Icon>
+                    <p class="card-text ms-2 mb-1"><strong>Stage Percent:</strong> @stage.AmountToRelease %</p>
+                </div>
+                <div class="d-flex align-items-center">
+                    <Icon IconName="calendar"></Icon>
+                    <p class="card-text ms-2 mb-1"><strong>Stage Date:</strong> @stage.ReleaseDate.ToString("dd/MM/yyyy") - @((stage.ReleaseDate - project.ProjectInfo.StartDate).Days) days after project starts</p>
+                </div>
             </div>
         }
+
         <div class="card card-body mt-4">
             <div class="d-flex justify-content-between">
                 <button type="button" class="btn btn-success" @onclick="() => activeTab = 2">
-
                     <span>Previous</span>
-
                 </button>
                 <button type="button" class="btn btn-success" @onclick="CreatProjectTransactionAnCheckPassword" disabled="@creatProjectSpinner">
                     @if (creatProjectSpinner)
@@ -352,9 +381,7 @@
                     }
                 </button>
             </div>
-
         </div>
-
     }