Skip to content

Commit

Permalink
Merge pull request #416 from Sidekick-Poe/feature/dev-cleanup
Browse files Browse the repository at this point in the history
Clean the development page
  • Loading branch information
leMicin authored Dec 28, 2024
2 parents 358a1e1 + 9c4bb70 commit bff6c20
Show file tree
Hide file tree
Showing 7 changed files with 40 additions and 86 deletions.
1 change: 1 addition & 0 deletions src/Sidekick.Common.Blazor/Settings/SettingsLayout.razor
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@

@if (Debugger.IsAttached)
{
<MenuItem Href="/development">Development</MenuItem>
<MenuItem Href="/settings/wealth">@Resources["WealthTracker"]</MenuItem>
}

Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
@code {
namespace Sidekick.Common.Ui;

public static class UiClasses
{
public const string FocusClasses = "focus:outline-none focus:ring-2 focus:ring-offset-0 dark:focus:ring-violet-400";

public const string FormInputClasses = $"border block rounded-lg dark:bg-zinc-700 dark:border-zinc-600 dark:placeholder-zinc-400 dark:text-white {FocusClasses}";
Expand Down
38 changes: 0 additions & 38 deletions src/Sidekick.Common.Ui/wwwroot/css/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -1419,18 +1419,10 @@ video {
z-index: 30;
}

.col-span-4 {
grid-column: span 4 / span 4;
}

.col-span-6 {
grid-column: span 6 / span 6;
}

.col-span-8 {
grid-column: span 8 / span 8;
}

.float-start {
float: inline-start;
}
Expand Down Expand Up @@ -2999,11 +2991,6 @@ video {
background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}

.bg-amber-700 {
--tw-bg-opacity: 1;
background-color: rgb(180 83 9 / var(--tw-bg-opacity));
}

.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
Expand All @@ -3014,11 +3001,6 @@ video {
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.bg-emerald-700 {
--tw-bg-opacity: 1;
background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}

.bg-fuchsia-700 {
--tw-bg-opacity: 1;
background-color: rgb(162 28 175 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -3054,11 +3036,6 @@ video {
background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}

.bg-slate-700 {
--tw-bg-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.bg-stone-800 {
--tw-bg-opacity: 1;
background-color: rgb(41 37 36 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -4201,21 +4178,11 @@ video {
border-color: rgb(87 83 78 / var(--tw-border-opacity));
}

.hover\:bg-amber-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

.hover\:bg-blue-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}

.hover\:bg-fuchsia-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(217 70 239 / var(--tw-bg-opacity));
Expand All @@ -4226,11 +4193,6 @@ video {
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-slate-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.hover\:bg-stone-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(68 64 60 / var(--tw-bg-opacity));
Expand Down
49 changes: 20 additions & 29 deletions src/Sidekick.Modules.Development/Home.razor
Original file line number Diff line number Diff line change
@@ -1,54 +1,45 @@
@page "/development"
@using Sidekick.Common.Extensions
@using Sidekick.Common.Platform
@using Sidekick.Modules.Development.Components
@using Sidekick.Modules.Development.Layouts
@inherits SidekickView
@layout DevelopmentLayout

<AppContainer>
<div class="grid grid-cols-12 gap-3">
<div class="col-span-8">
<Heading2 Class="mb-3">Items</Heading2>
<FormTextarea @bind-Value="ItemText"/>
<div class="grid grid-cols-12 gap-3 mt-3">
<div class="col-span-6">
<HomeButton Class="bg-blue-700 hover:bg-blue-500" OnClick="PriceCheck">Check Prices</HomeButton>
</div>
<div class="col-span-6">
<HomeButton Class="bg-fuchsia-700 hover:bg-fuchsia-500" OnClick="MapCheck">Check Map</HomeButton>
</div>
<Fieldset Legend="Copy your item text here">
<FormTextarea @bind-Value="ItemText" />
<div class="grid grid-cols-12 gap-3 mt-3">
<div class="col-span-6">
<HomeButton Class="bg-blue-700 hover:bg-blue-500" OnClick="PriceCheck">Check Prices</HomeButton>
</div>
<div class="col-span-6">
<HomeButton Class="bg-fuchsia-700 hover:bg-fuchsia-500" OnClick="MapCheck">Check Map</HomeButton>
</div>
</div>
<div class="col-span-4">
<Heading2 Class="mb-3">Other Pages</Heading2>
<HomeButton Class="bg-emerald-700 hover:bg-emerald-500 mb-3" OnClick="@(() => NavigationManager.NavigateTo("/wealth"))">Wealth</HomeButton>
<HomeButton Class="bg-slate-700 hover:bg-slate-500 mb-3" OnClick="@(() => NavigationManager.NavigateTo("/settings"))">Settings</HomeButton>
<Heading2 Class="mb-3">Keybinds</Heading2>
<HomeButton Class="bg-amber-700 hover:bg-amber-500 mb-3" OnClick="RegisterHooks">Register Hooks</HomeButton>
</div>
</div>
</Fieldset>
<Fieldset Legend="Other sections">
<ButtonPrimary OnClick="@(() => NavigationManager.NavigateTo("/settings"))">Settings</ButtonPrimary>
</Fieldset>
</AppContainer>

@inject IKeyboardProvider KeyboardProvider

@code {

private string? ItemText { get; set; }

private void PriceCheck()
{
NavigationManager.NavigateTo($"/trade/{ItemText.EncodeBase64Url()}");
if (ItemText != null)
{
NavigationManager.NavigateTo($"/trade/{ItemText.EncodeBase64Url()}");
}
}

private void MapCheck()
{
NavigationManager.NavigateTo($"/map/{ItemText.EncodeBase64Url()}");
}

private void RegisterHooks()
{
KeyboardProvider.RegisterHooks();
if (ItemText != null)
{
NavigationManager.NavigateTo($"/map/{ItemText.EncodeBase64Url()}");
}
}

}
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<LeftContent>
<MenuList>
<MenuItem Href="/development">Development</MenuItem>
<MenuItem Href="/development/typography">Typography</MenuItem>
<MenuItem Href="/development/tests">Tests</MenuItem>
</MenuList>
</LeftContent>
Expand Down
21 changes: 16 additions & 5 deletions src/Sidekick.Modules.Development/Tests.razor
Original file line number Diff line number Diff line change
@@ -1,21 +1,32 @@
@page "/development/tests"
@layout DevelopmentLayout
@using Sidekick.Modules.Development.Layouts
@using Sidekick.Common.Platform
@inherits SidekickView

<AppContainer>
<div class="flex items-center justify-center gap-2">
<ButtonPrimary OnClick="ThrowException">Throw an exception</ButtonPrimary>
</div>
<Fieldset Legend="Custom actions">
<div class="flex gap-3">
<ButtonPrimary OnClick="RegisterHooks">Bind keyboard hooks</ButtonPrimary>
<ButtonPrimary OnClick="ThrowException">Throw an exception</ButtonPrimary>
</div>
</Fieldset>
</AppContainer>

@inject IKeyboardProvider KeyboardProvider

@code {

public void ThrowException()
private void ThrowException()
{
#pragma warning disable S112 // General exceptions should never be thrown
throw new Exception("Developper test from the exception page.");
throw new Exception("[Development] This is a test exception.");
#pragma warning restore S112 // General exceptions should never be thrown
}

private void RegisterHooks()
{
KeyboardProvider.RegisterHooks();
}

}
12 changes: 0 additions & 12 deletions src/Sidekick.Modules.Development/Typography.razor

This file was deleted.

0 comments on commit bff6c20

Please sign in to comment.