diff --git a/web/packages/new/photos/components/WhatsNew.tsx b/web/packages/new/photos/components/WhatsNew.tsx index 2d455aef22..9a98ee5e48 100644 --- a/web/packages/new/photos/components/WhatsNew.tsx +++ b/web/packages/new/photos/components/WhatsNew.tsx @@ -30,8 +30,8 @@ export const WhatsNew: React.FC = ({ open, onClose }) => { const fullScreen = useMediaQuery("(max-width: 428px)"); useEffect(() => { - void didShowWhatsNew(); - }, []); + if (open) void didShowWhatsNew(); + }, [open]); return ( = ({ open, onClose }) => { {"What's new"} - -
  • - - - Support for Passkeys - - Passkeys can now be used as a second factor - authentication mechanism. - -
  • -
  • - Window size - - { - "The app's window will remember its size and position." - } - -
  • -
    +
    @@ -87,6 +69,31 @@ const SlideTransition = React.forwardRef(function Transition( return ; }); +const ChangelogContent: React.FC = () => { + // NOTE: Remember to update changelogVersion when changing the content + // below. + + return ( + +
  • + + + Support for Passkeys + + Passkeys can now be used as a second factor authentication + mechanism. + +
  • +
  • + Window size + + {"The app's window will remember its size and position."} + +
  • +
    + ); +}; + const StyledUL = styled("ul")` padding-inline: 1rem;