diff --git a/package.json b/package.json
index 0156a8e6a..0c54b58e7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "bada-frame",
- "version": "0.4.4",
+ "version": "0.5.0",
"private": true,
"scripts": {
"dev": "next dev",
diff --git a/sentry.client.config.js b/sentry.client.config.js
index 8d85c07d9..34ad71aa9 100644
--- a/sentry.client.config.js
+++ b/sentry.client.config.js
@@ -22,6 +22,13 @@ Sentry.init({
attachStacktrace: true,
autoSessionTracking: false,
tunnel: getSentryTunnelURL(),
+ beforeSend(event) {
+ event.request = event.request || {};
+ const currentURL = new URL(document.location.href);
+ currentURL.hash = '';
+ event.request.url = currentURL;
+ return event;
+ },
// ...
// Note: if you want to override the automatic release value, do not set a
// `release` value here - use the environment variable `SENTRY_RELEASE`, so
diff --git a/src/components/PhotoList.tsx b/src/components/PhotoList.tsx
index 72e239e39..5886acff3 100644
--- a/src/components/PhotoList.tsx
+++ b/src/components/PhotoList.tsx
@@ -17,6 +17,7 @@ import { getVariantColor, ButtonVariant } from './pages/gallery/LinkButton';
const A_DAY = 24 * 60 * 60 * 1000;
const NO_OF_PAGES = 2;
+const FOOTER_HEIGHT = 90;
enum ITEM_TYPE {
TIME = 'TIME',
@@ -84,7 +85,11 @@ const DateContainer = styled.div<{ span: number }>`
height: ${DATE_CONTAINER_HEIGHT}px;
`;
-const BannerContainer = styled.div<{ span: number }>`
+const FooterContainer = styled.div<{ span: number }>`
+ font-size: 14px;
+ @media (max-width: 540px) {
+ font-size: 12px;
+ }
color: #979797;
text-align: center;
grid-column: span ${(props) => props.span};
@@ -94,10 +99,6 @@ const BannerContainer = styled.div<{ span: number }>`
& > p {
margin: 0;
}
- margin: 1rem 0;
-`;
-
-const AlbumsFooterContainer = styled(BannerContainer)`
margin: calc(2rem + 20px) 0 1rem 0;
`;
@@ -254,7 +255,7 @@ export function PhotoList({
const getCurrentItemSize = getItemSize(timeStampList);
for (let i = 0; i < timeStampList.length; i++) {
sum += getCurrentItemSize(i);
- if (height - sum <= 70) {
+ if (height - sum <= FOOTER_HEIGHT) {
break;
}
}
@@ -263,16 +264,17 @@ export function PhotoList({
return {
itemType: ITEM_TYPE.OTHER,
item: <>>,
- height: Math.max(height - photoFrameHeight - 70, 0),
+ height: Math.max(height - photoFrameHeight - FOOTER_HEIGHT, 0),
};
};
const getAppDownloadFooter = () => {
return {
itemType: ITEM_TYPE.OTHER,
+ height: FOOTER_HEIGHT,
item: (
- {constants.INSTALL_MOBILE_APP()}