MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix issue #4290 

* Fixes issue #4290
* Changed the title from 'Accept Invitation' to 'Invitation to organistaion / Budibase'
* Changed the 'Please enter a password to set up your user.' to 'Please enter a password to get started.'
* Increased width to 300px to allow longer org names
This commit is contained in:
FlaminWrap 2022-08-10 23:04:52 +00:00 committed by GitHub
parent aaa7e48f99
commit 5242931409
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/builder/src/pages/builder/invite/index.svelte
View File

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