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()}

-
+ ), }; }; @@ -280,8 +282,9 @@ export function PhotoList({ const getAlbumsFooter = () => { return { itemType: ITEM_TYPE.OTHER, + height: FOOTER_HEIGHT, item: ( - +

{constants.PRESERVED_BY}{' '}

-
+ ), }; }; diff --git a/src/constants/sentry/index.ts b/src/constants/sentry/index.ts index 5ccfcebe1..4e10419f4 100644 --- a/src/constants/sentry/index.ts +++ b/src/constants/sentry/index.ts @@ -1,6 +1,6 @@ export const getSentryDSN = () => process.env.NEXT_PUBLIC_SENTRY_DSN ?? - 'https://860186db60c54c7fbacfe255124958e8@errors.ente.io/4'; + 'https://60abb33b597c42f6a3fb27cd82c55101@sentry.ente.io/2'; export const getSentryENV = () => process.env.NEXT_PUBLIC_SENTRY_ENV ?? 'development'; diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 8ba8808a3..08a981ad8 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -659,6 +659,15 @@ export default function App({ Component, err }) { <> {constants.TITLE} + {typeof window !== 'undefined' && + window.location.host === getAlbumSiteHost() ? ( + + ) : ( + + )} {showNavbar && ( diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx index 44773354b..c49b46ae1 100644 --- a/src/pages/_document.tsx +++ b/src/pages/_document.tsx @@ -33,10 +33,6 @@ export default class MyDocument extends Document { return ( -