hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Tweak position of spinner

Browse Source 
Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>
This commit is contained in:
Janne Savolainen 2022-06-07 09:04:42 +03:00
parent 3b85c74595
commit 13e3b16bf5
No known key found for this signature in database
GPG Key ID: 8C6CFB2FFFE8F68A
5 changed files with 162 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/behaviours/helm-charts/__snapshots__/activate-custom-helm-repository-preferences.test.ts.snap
View File

@ -406,9 +406,17 @@ exports[`activate custom helm repository in preferences when navigating to prefe
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>
@ -5637,9 +5645,17 @@ exports[`activate custom helm repository in preferences when navigating to prefe
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>
@ -6102,9 +6118,17 @@ exports[`activate custom helm repository in preferences when navigating to prefe
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>

42
src/behaviours/helm-charts/__snapshots__/activate-helm-repository-from-list-in-preferences.test.ts.snap
View File

@ -406,9 +406,17 @@ exports[`activate helm repository from list in preferences when navigating to pr
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>
@ -2326,9 +2334,17 @@ exports[`activate helm repository from list in preferences when navigating to pr
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>
@ -4340,9 +4356,17 @@ exports[`activate helm repository from list in preferences when navigating to pr
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>

28
src/behaviours/helm-charts/__snapshots__/deactivate-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
View File

@ -406,9 +406,17 @@ exports[`deactivate helm repository from list of active repositories in preferen
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>
@ -1803,9 +1811,17 @@ exports[`deactivate helm repository from list of active repositories in preferen
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>

80
src/behaviours/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
View File

@ -406,9 +406,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>
@ -863,9 +871,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>
@ -1818,9 +1834,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>
@ -2275,9 +2299,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
</button>
</div>
<div
class="Spinner singleColor"
data-testid="helm-repositories-are-loading"
/>
class="repos"
>
<div
class="pt-5 relative"
>
<div
class="Spinner singleColor center"
data-testid="helm-repositories-are-loading"
/>
</div>
</div>
<div />
</div>
</section>
@ -2717,13 +2749,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
</button>
</div>
<div
class="notice"
class="repos"
>
<div
class="flex-grow text-center"
data-testid="no-helm-repositories"
class="notice"
>
The repositories have not been added yet
<div
class="flex-grow text-center"
data-testid="no-helm-repositories"
>
The repositories have not been added yet
</div>
</div>
</div>
<div />
@ -3165,13 +3201,17 @@ exports[`listing active helm repositories in preferences when navigating to pref
</button>
</div>
<div
class="notice"
class="repos"
>
<div
class="flex-grow text-center"
data-testid="no-helm-repositories"
class="notice"
>
The repositories have not been added yet
<div
class="flex-grow text-center"
data-testid="no-helm-repositories"
>
The repositories have not been added yet
</div>
</div>
</div>
<div />

20
src/renderer/components/+preferences/kubernetes/helm-charts/helm-repositories.tsx
View File

@ -25,18 +25,26 @@ interface Dependencies {
const NonInjectedActiveHelmRepositories = observer(({ activeHelmRepositories, deactivateRepository }: Dependencies) => {
if (activeHelmRepositories.pending.get()) {
return <Spinner data-testid="helm-repositories-are-loading" />;
return (
<div className={styles.repos}>
<div className="pt-5 relative">
<Spinner center data-testid="helm-repositories-are-loading" />
</div>
</div>
);
}
const repositories = activeHelmRepositories.value.get();
if (isEmpty(repositories)) {
return (
<Notice>
<div className="flex-grow text-center" data-testid="no-helm-repositories">
The repositories have not been added yet
</div>
</Notice>
<div className={styles.repos}>
<Notice>
<div className="flex-grow text-center" data-testid="no-helm-repositories">
The repositories have not been added yet
</div>
</Notice>
</div>
);
}