show instructions sooner

erinnmclaughlin · Nov 24, 2023 · 56de51a · 56de51a
1 parent 5b08f66
commit 56de51a
Showing 1 changed file with 12 additions and 24 deletions.
diff --git a/PersonalWebsite/Components/TerminalCommands.razor b/PersonalWebsite/Components/TerminalCommands.razor
@@ -1,19 +1,18 @@
 @if (CurrentState is State.Waiting)
 {
     <button id="start" type="button" aria-label="start" @onclick="Start">
-
         @if (ShowInstructions)
         {
-            <div id="mobile-instructions">
+            <span id="mobile-instructions">
                 <TerminalCommand Command="Tap to start" />
-            </div>
-            <div id="desktop-instructions">
+            </span>
+            <span id="desktop-instructions">
                 <TerminalCommand Command="Click to start" />
-            </div>
+            </span>
         }
         else
         {
-            <span>> <TerminalCursor /></span>            
+            <span>> <TerminalCursor /></span>
         }
     </button>
 }
@@ -39,11 +38,6 @@ else
 
 @code {
 
-    private readonly System.Timers.Timer _timer = new()
-    {
-        Interval = 5_000
-    };
-
     private State CurrentState { get; set; } = State.Waiting;
 
     private bool IsTyping { get; set; }
@@ -58,20 +52,14 @@ else
     [Parameter] 
     public EventCallback OnComplete { get; set; }
 
-    protected override void OnInitialized()
-    {
-        _timer.Elapsed += TriggerInstructions;
-        _timer.Start();
-    }
-
-    private void TriggerInstructions(object? o, EventArgs e)
+    protected override async Task OnAfterRenderAsync(bool firstRender)
     {
-        _timer.Stop();
-        _timer.Elapsed -= TriggerInstructions;
-        _timer.Dispose();
-
-        ShowInstructions = true;
-        StateHasChanged();
+        if (firstRender)
+        {
+            await Task.Delay(1500);
+            ShowInstructions = true;
+            StateHasChanged();
+        }
     }
 
     private async Task OnCommandCompleted()