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

Fix 404 flashes #383

Merged
merged 3 commits into from
Apr 30, 2024
Merged

Fix 404 flashes #383

merged 3 commits into from
Apr 30, 2024

Conversation

devmount
Copy link
Collaborator

Description of the Change

This change contains:

  • All lazy loaded routes now use Vues defineAsyncComponent which handles the component resolution
  • The hardcoded route name list in App.vue to define public routes contained a wrong name. Fixed legal -> terms
  • The legal pages had 0 x padding, I spend some padding for mobile and desktop views

Benefits

Improved UX.

Applicable Issues

Closes #378

@devmount devmount requested a review from MelissaAutumn April 30, 2024 08:52
@devmount devmount self-assigned this Apr 30, 2024
const AppointmentsView = defineAsyncComponent(() => import('@/views/AppointmentsView'));
const SettingsView = defineAsyncComponent(() => import('@/views/SettingsView'));
const ProfileView = defineAsyncComponent(() => import('@/views/ProfileView'));
const LegalView = defineAsyncComponent(() => import('@/views/LegalView'));
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

defineAsyncComponent has a lot more options we could use, e.g. show a placeholder component as long as it is still not fully loaded. But we could improve that in the future, if we like. For now, the page flashes white when fully reloading the browser and has a small delay, when navigating the page in app for the first time.

@@ -1,6 +1,5 @@
<template>
<div v-html="pageContents">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How does this look when you view this page while logged in?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

@MelissaAutumn MelissaAutumn merged commit c6ea3c4 into main Apr 30, 2024
2 checks passed
@MelissaAutumn MelissaAutumn deleted the 378-fix-404-flashes branch April 30, 2024 15:26
devmount added a commit that referenced this pull request May 7, 2024
* Fix migration

* Error out the invite routes for now.

We need to add proper access control for these.

* Fix dropdown when nav is in mobile mode.

* Fix name case for unix systems.

* 🔨 Fix unreadable colored placeholder text (#368)

* Timezone information in booking confirmation email (#367)

* 🔨 fix case sensitive filename calls 🙈

* ➕ show timezone for attendee in confirmation email

* 🔨 extend schedule test with attendee timezone

* 🔨 Make attendee timezone mandatory

* 🔨 Fix appointment tests

* Completely disable 'pretty exceptions'.

* Rename Tooltip.vue to ToolTip.vue.

* Provide a default value for existing attendees.

* Fix schedule calendar being tooooo big

* Fix my default value fix

* General Availability Redesign (#374)

* Dark mode fixes for GA Redesign

* One last tweak

* Some final dark mode changes

* Homepage typo fix

* Fix sickening sticky movement on schedule settings, and try to make event day component behave.

* Remove chrome time icon that makes the time input overflow.

* Replace Confetti SVG with 🎉.

* Remove some old illustrations

* Implemented design review feedback:
* Required field (Name) now shows a red asterisk indicating its required
* Made error messages less round.

* New user experience fixes for Schedule Settings:
* Require a connected calendar in order to create a schedule
* Prompt the user to save to create a schedule if they have a calendar connected but no schedule.
* Consolidate component in <snackish-bar/>

* If we don't have a schedule just say it's not active.

* Add a touch function to mdoels.Base. This updates the time_updated (does not save.) And force a touch update after schedule creation

* Revert last commit

* Let's just try some defaults

* Update lang strings (#376)

* Legal and privacy should be public routes

* Move repository functions to own modules (#370)

* 🔨 Move repository functions to own modules

* 🧪 Test repo module init

* Hide unimplemented search

* Reduce sampling and profiling rate to 25% on stage/prod and ignore health check route

* Capture every error on prod for now

* Adjusted calendar settings flow (#381)

* Adjusted calendar settings flow:
* You can now disconnect connected calendars without nuking them.
* You can now remove (delete) calendars that are unconnected.
* Sync still brings them back if they're from a google account.
* Schedule Settings will become inactive if the connected calendar is disconnected.
* Schedule Settings will be deleted if an unconnected calendar that is associated is deleted. (Cascade all from models.Calendar)
* Schedule Settings becomes active if a previously unconnected calendar becomes connected again.

* 🌐 Update lang strings

---------

Co-authored-by: Andreas Müller <[email protected]>

* Ensure the incoming fxa uid matches all existing ones (there should only be one!) (#382)

* Fix 404 flashes (#383)

* 🔨 Handle lazy loaded routes with async components

* 🔨 Fix wrong route name

* 💚 Fix content x-padding for legal pages

* Add prototype notice to README.md

* Add production env for frontend

* update readme with topicbox (#386)

Co-authored-by: Malini Das <[email protected]>

* Constantify some more app environments

* Replace python-jose with PyJWT

* Convert the pem object to the key

* Adjust pem logic

Add leeway

* Add Google API Services disclosure.

* Watch dayBoundary and forward updates to Qalendar. (#389)

---------

Co-authored-by: Melissa Autumn <[email protected]>
Co-authored-by: Mel <[email protected]>
Co-authored-by: Malini Das <[email protected]>
Co-authored-by: Malini Das <[email protected]>
jdbass pushed a commit that referenced this pull request May 17, 2024
* 🔨 Handle lazy loaded routes with async components

* 🔨 Fix wrong route name

* 💚 Fix content x-padding for legal pages
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Page not found briefly flashes on privacy/legal pages
2 participants