Merge pull request #7221 from FlaminWrap/FlaminWrap-Fix-4290

Fix issue #4290
This commit is contained in:
Martin McKeaveney 2022-08-16 14:25:17 +01:00 committed by GitHub
commit bb772bfaa5
1 changed files with 16 additions and 5 deletions

View File

@ -1,13 +1,16 @@
<script>
import { Layout, Heading, Body, Button, notifications } from "@budibase/bbui"
import { goto, params } from "@roxi/routify"
import { users } from "stores/portal"
import { users, organisation } from "stores/portal"
import PasswordRepeatInput from "components/common/users/PasswordRepeatInput.svelte"
import Logo from "assets/bb-emblem.svg"
import { onMount } from "svelte"
const inviteCode = $params["?code"]
let password, error
$: company = $organisation.company || "Budibase"
async function acceptInvite() {
try {
await users.acceptInvite(inviteCode, password)
@ -17,16 +20,24 @@
notifications.error(error.message)
}
}
onMount(async () => {
try {
await organisation.init()
} catch (error) {
notifications.error("Error getting org config")
}
})
</script>
<section>
<div class="container">
<Layout>
<img src={Logo} alt="logo" />
<img alt="logo" src={$organisation.logoUrl || Logo} />
<Layout gap="XS" justifyItems="center" noPadding>
<Heading size="M">Accept Invitation</Heading>
<Heading size="M">Invitation to {company}</Heading>
<Body textAlign="center" size="M">
Please enter a password to set up your user.
Please enter a password to get started.
</Body>
</Layout>
<PasswordRepeatInput bind:error bind:password />
@ -46,7 +57,7 @@
}
.container {
margin: 0 auto;
width: 260px;
width: 300px;
display: flex;
flex-direction: column;
justify-content: flex-start;