beau/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Track if home has already been rendered in local storage

Browse Source
This commit is contained in:
Beau Findlay
2024-03-07 20:43:56 +00:00
parent a1418072dd
commit d96e13719a
1 changed files with 28 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
BeauFindlay/BeauFindlay/Pages/Home.razor
View File

@@ -2,9 +2,11 @@
@implements IDisposable @implements IDisposable
@inject IJSRuntime JSRuntime
<PageTitle>Home - Beau Findlay</PageTitle> <PageTitle>Home - Beau Findlay</PageTitle>
@if (isFirstRender) @if (!hasPreviouslyRendered)
{ {
<h1 class="text-4xl"> <h1 class="text-4xl">
<Typewriter Text="Hi, I'm Beau."/> <Typewriter Text="Hi, I'm Beau."/>
@@ -14,12 +16,12 @@
<Typewriter Name="@TypewriterConstants.Name.IntroComplete" Text="I'm a UK-based software engineer and I love building cool stuff."/> <Typewriter Name="@TypewriterConstants.Name.IntroComplete" Text="I'm a UK-based software engineer and I love building cool stuff."/>
</p> </p>
<h2 class="text-2xl mt-16 underline underline-offset-4"> <h2 class="text-2xl mt-16 font-semibold">
<Typewriter Text="A bit about me"/> <Typewriter Text="A bit about me"/>
</h2> </h2>
<p class="text-xl mt-4"> <p class="text-xl mt-4">
<Typewriter Text="I mostly specialise in back-end C#/.NET development and I build systems that scale for hundreds-of-thousands of global users."/> <Typewriter Text="I mostly specialise in back-end C#/.NET development and I've built systems that scale for hundreds-of-thousands of global users."/>
</p> </p>
<p class="text-xl mt-4"> <p class="text-xl mt-4">
@@ -28,38 +30,42 @@
} }
else else
{ {
<h1 class="text-4xl"> <h1 class="text-4xl">Hi, I'm Beau.</h1>
Hi, I'm Beau.
</h1>
<p class="text-xl mt-4"> <p class="text-xl mt-4">I'm a UK-based software engineer and I love building cool stuff.</p>
I'm a UK-based software engineer and I love building cool stuff.
</p>
<h2 class="text-2xl mt-16 underline underline-offset-4"> <h2 class="text-3xl mt-16 font-semibold">A bit about me</h2>
A bit about me
</h2>
<p class="text-xl mt-4"> <p class="text-xl mt-4">I mostly specialise in back-end C#/.NET development and I've built systems that scale for hundreds-of-thousands of global users.</p>
I mostly specialise in back-end C#/.NET development and I build systems that scale for hundreds-of-thousands of global users.
</p>
<p class="text-xl mt-4"> <p class="text-xl mt-4">I'm currently heading up the tech as CTO at a cool startup called <a href="https://unhurd.co.uk" target="_blank" class="underline">un:hurd</a>.</p>
I'm currently heading up the tech as CTO at a cool startup called un:hurd.
</p>
} }
@code { @code {
private bool isFirstRender = true; private const string ComponentKey = "ComponentRendered_Home";
private bool hasPreviouslyRendered;
protected override void OnAfterRender(bool firstRender) protected override async Task OnAfterRenderAsync(bool firstRender)
{ {
if (firstRender) if (firstRender)
{ {
isFirstRender = false;
Typewriter.OnAllTypingCompleted += HandleTypingCompleted; Typewriter.OnAllTypingCompleted += HandleTypingCompleted;
var renderedBeforeAsString = await JSRuntime.InvokeAsync<string>("localStorage.getItem", ComponentKey);
var previousValue = hasPreviouslyRendered;
hasPreviouslyRendered = !string.IsNullOrEmpty(renderedBeforeAsString) && bool.Parse(renderedBeforeAsString);
if (!hasPreviouslyRendered)
{
await JSRuntime.InvokeVoidAsync("localStorage.setItem", ComponentKey, "true");
}
if (previousValue != hasPreviouslyRendered)
{
StateHasChanged();
}
} }
} }