Fix basePath references.

This commit is contained in:
Mike Cao 2021-01-14 00:34:51 -08:00
parent dfe157b640
commit 23d4d13c9d
5 changed files with 17 additions and 9 deletions

View File

@ -1,11 +1,13 @@
import React, { useRef } from 'react'; import React, { useRef } from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import { useRouter } from 'next/router';
import Button from 'components/common/Button'; import Button from 'components/common/Button';
import FormLayout, { FormButtons, FormRow } from 'components/layout/FormLayout'; import FormLayout, { FormButtons, FormRow } from 'components/layout/FormLayout';
import CopyButton from 'components/common/CopyButton'; import CopyButton from 'components/common/CopyButton';
export default function TrackingCodeForm({ values, onClose }) { export default function TrackingCodeForm({ values, onClose }) {
const ref = useRef(); const ref = useRef();
const { basePath } = useRouter();
const { name, share_id } = values; const { name, share_id } = values;
return ( return (
@ -23,7 +25,9 @@ export default function TrackingCodeForm({ values, onClose }) {
rows={3} rows={3}
cols={60} cols={60}
spellCheck={false} spellCheck={false}
defaultValue={`${document.location.origin}/share/${share_id}/${encodeURIComponent(name)}`} defaultValue={`${
document.location.origin
}${basePath}/share/${share_id}/${encodeURIComponent(name)}`}
readOnly readOnly
/> />
</FormRow> </FormRow>

View File

@ -1,11 +1,13 @@
import React, { useRef } from 'react'; import React, { useRef } from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import { useRouter } from 'next/router';
import Button from 'components/common/Button'; import Button from 'components/common/Button';
import FormLayout, { FormButtons, FormRow } from 'components/layout/FormLayout'; import FormLayout, { FormButtons, FormRow } from 'components/layout/FormLayout';
import CopyButton from 'components/common/CopyButton'; import CopyButton from 'components/common/CopyButton';
export default function TrackingCodeForm({ values, onClose }) { export default function TrackingCodeForm({ values, onClose }) {
const ref = useRef(); const ref = useRef();
const { basePath } = useRouter();
return ( return (
<FormLayout> <FormLayout>
@ -22,7 +24,7 @@ export default function TrackingCodeForm({ values, onClose }) {
rows={3} rows={3}
cols={60} cols={60}
spellCheck={false} spellCheck={false}
defaultValue={`<script async defer data-website-id="${values.website_uuid}" src="${document.location.origin}/umami.js"></script>`} defaultValue={`<script async defer data-website-id="${values.website_uuid}" src="${document.location.origin}${basePath}/umami.js"></script>`}
readOnly readOnly
/> />
</FormRow> </FormRow>

View File

@ -8,7 +8,7 @@ export default function Layout({ title, children, header = true, footer = true }
<> <>
<Head> <Head>
<title>umami{title && ` - ${title}`}</title> <title>umami{title && ` - ${title}`}</title>
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="favicon.ico" />
<link <link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap"
rel="stylesheet" rel="stylesheet"

View File

@ -1,14 +1,16 @@
import { useEffect } from 'react'; import { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { useRouter } from 'next/router';
import { get } from 'lib/web'; import { get } from 'lib/web';
import { setShareToken } from 'redux/actions/app'; import { setShareToken } from 'redux/actions/app';
export default function useShareToken(shareId) { export default function useShareToken(shareId) {
const { basePath } = useRouter();
const dispatch = useDispatch(); const dispatch = useDispatch();
const shareToken = useSelector(state => state.app.shareToken); const shareToken = useSelector(state => state.app.shareToken);
async function loadToken(id) { async function loadToken(id) {
const { data } = await get(`/api/share/${id}`); const { data } = await get(`${basePath}/api/share/${id}`);
if (data) { if (data) {
dispatch(setShareToken(data)); dispatch(setShareToken(data));

View File

@ -29,11 +29,11 @@ export default function App({ Component, pageProps }) {
return ( return (
<Provider store={store}> <Provider store={store}>
<Head> <Head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" /> <link rel="manifest" href="site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" /> <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" /> <meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" /> <meta name="theme-color" content="#ffffff" />
</Head> </Head>