TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix

Browse Source
This commit is contained in:
Manav Rathi
2024-06-13 16:05:53 +05:30
parent 2bbf33287b
commit 67028a072c
1 changed files with 28 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
web/packages/new/photos/components/WhatsNew.tsx
View File

@@ -30,8 +30,8 @@ export const WhatsNew: React.FC<WhatsNewProps> = ({ open, onClose }) => {
const fullScreen = useMediaQuery("(max-width: 428px)");
useEffect(() => {
void didShowWhatsNew();
}, []);
if (open) void didShowWhatsNew();
}, [open]);
return (
<Dialog
@@ -42,25 +42,7 @@ export const WhatsNew: React.FC<WhatsNewProps> = ({ open, onClose }) => {
<DialogTitle>{"What's new"}</DialogTitle>
<DialogContent>
<DialogContentText>
<StyledUL>
<li>
<Typography>
<Typography color="primary">
Support for Passkeys
</Typography>
Passkeys can now be used as a second factor
authentication mechanism.
</Typography>
</li>
<li>
<Typography color="primary">Window size</Typography>
<Typography>
{
"The app's window will remember its size and position."
}
</Typography>
</li>
</StyledUL>
<ChangelogContent />
</DialogContentText>
</DialogContent>
<DialogActions>
@@ -87,6 +69,31 @@ const SlideTransition = React.forwardRef(function Transition(
return <Slide direction="up" ref={ref} {...props} />;
});
const ChangelogContent: React.FC = () => {
// NOTE: Remember to update changelogVersion when changing the content
// below.
return (
<StyledUL>
<li>
<Typography>
<Typography color="primary">
Support for Passkeys
</Typography>
Passkeys can now be used as a second factor authentication
mechanism.
</Typography>
</li>
<li>
<Typography color="primary">Window size</Typography>
<Typography>
{"The app's window will remember its size and position."}
</Typography>
</li>
</StyledUL>
);
};
const StyledUL = styled("ul")`
padding-inline: 1rem;