diff --git a/front-end/public/index.html b/front-end/public/index.html
index 7964e73..8911d8b 100644
--- a/front-end/public/index.html
+++ b/front-end/public/index.html
@@ -1,10 +1,11 @@
+
My Vibecamp
-
+
diff --git a/front-end/src/components/Login.tsx b/front-end/src/components/Login.tsx
index 4a29521..cd77ea6 100644
--- a/front-end/src/components/Login.tsx
+++ b/front-end/src/components/Login.tsx
@@ -64,7 +64,7 @@ export default observer(() => {
- 
+
@@ -86,18 +86,14 @@ export default observer(() => {
{...fieldToProps(loginForm.fields.password)}
/>
- {loginOrSignup.state.kind === 'error' &&
- <>
- }
-
+ } />
diff --git a/front-end/src/components/Tickets.tsx b/front-end/src/components/Tickets.tsx
index e9aa21a..24a3815 100644
--- a/front-end/src/components/Tickets.tsx
+++ b/front-end/src/components/Tickets.tsx
@@ -43,7 +43,7 @@ if (awaitingPurchaseRecord) {
export default observer(() => {
const state = useObservableState({
code: '',
- purchaseModalState: 'none' as 'none' | 'selection' | 'payment'
+ purchaseModalState: 'selection' as 'none' | 'selection' | 'payment'
})
const closePurchaseModal = useStable(() => () => {
@@ -69,7 +69,7 @@ export default observer(() => {
}, { lazy: true })
const stripeOptions = useRequest(async () => {
- if (Object.values(purchaseFormState.purchases).some(count => count > 0)) {
+ if (Store.loggedIn && Object.values(purchaseFormState.purchases).some(count => count > 0)) {
const { response } = await vibefetch(
Store.jwt,
'/purchase/create-intent',
diff --git a/front-end/src/components/core/Stripes.scss b/front-end/src/components/core/Stripes.scss
index 6a9f296..df9919e 100644
--- a/front-end/src/components/core/Stripes.scss
+++ b/front-end/src/components/core/Stripes.scss
@@ -32,12 +32,12 @@
}
&.bottom-right {
- bottom: 50;
+ bottom: 50px;
right: -50vw;
transform: scale(-1) rotate(-20deg);
}
&.top-left {
- top: 0;
+ top: 0px;
left: -50vw;
transform: rotate(-20deg);
}