Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove bullet points form migrations feedback form #1494

Merged
merged 3 commits into from
Nov 7, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<script lang="ts">
import { Alert, Box, Modal } from '$lib/components';
import { Button, InputText, InputTextarea } from '$lib/elements/forms';
import { Button, FormList, InputText, InputTextarea } from '$lib/elements/forms';
import { getFormData } from '$lib/helpers/form';
import { feedback } from '$lib/stores/feedback';
import { sdk } from '$lib/stores/sdk';
Expand Down Expand Up @@ -105,35 +105,33 @@
</script>

<Modal title="Export to self-hosted instance" bind:show {onSubmit}>
<div class="modal-contents">
<FormList gap={24}>
<Alert isStandalone>
<svelte:fragment slot="title">API key creation</svelte:fragment>
By initiating the transfer, an API key will be automatically generated in the background,
which you can delete after completion
</Alert>

<div class="u-margin-block-start-24">
<InputText
label="Endpoint self-hosted instance"
required
id="endpoint"
placeholder="https://[YOUR_APPWRITE_HOSTNAME]"
autofocus
on:input={(e) => {
if (!submitted) return;
const input = e.target;
const value = input.value;

if (!isValidEndpoint(value)) {
input.setCustomValidity('Please enter a valid endpoint');
} else {
input.setCustomValidity('');
}
input.reportValidity();
}} />
</div>

<Box class="u-margin-block-start-24">
<InputText
label="Endpoint self-hosted instance"
required
id="endpoint"
placeholder="https://[YOUR_APPWRITE_HOSTNAME]"
autofocus
on:input={(e) => {
if (!submitted) return;
const input = e.target;
const value = input.value;

if (!isValidEndpoint(value)) {
input.setCustomValidity('Please enter a valid endpoint');
} else {
input.setCustomValidity('');
}
input.reportValidity();
}} />

<Box>
<p class="u-bold">
Share your feedback: why our self-hosted solution works better for you
</p>
Expand All @@ -147,7 +145,7 @@
<InputTextarea id="feedback" label="Your feedback" placeholder="Type here..." />
</div>
</Box>
</div>
</FormList>

<div class="u-flex u-gap-16 u-cross-center" slot="footer">
<span> You will be redirected to your self-hosted instance </span>
Expand Down
Loading