Get basePath from router.

This commit is contained in:
Mike Cao 2023-07-27 14:14:55 -07:00
parent c9e4003493
commit ba9ddcac38

View file

@ -10,9 +10,9 @@ import {
} from 'react-basics'; } from 'react-basics';
import { useEffect, useMemo, useRef, useState } from 'react'; import { useEffect, useMemo, useRef, useState } from 'react';
import { getRandomChars } from 'next-basics'; import { getRandomChars } from 'next-basics';
import { useRouter } from 'next/router';
import useApi from 'hooks/useApi'; import useApi from 'hooks/useApi';
import useMessages from 'hooks/useMessages'; import useMessages from 'hooks/useMessages';
import useConfig from 'hooks/useConfig';
const generateId = () => getRandomChars(16); const generateId = () => getRandomChars(16);
@ -21,13 +21,16 @@ export function ShareUrl({ websiteId, data, onSave }) {
const { name, shareId } = data; const { name, shareId } = data;
const [id, setId] = useState(shareId); const [id, setId] = useState(shareId);
const { post, useMutation } = useApi(); const { post, useMutation } = useApi();
const { basePath } = useConfig(); const { basePath } = useRouter();
const { mutate, error } = useMutation(({ shareId }) => const { mutate, error } = useMutation(({ shareId }) =>
post(`/websites/${websiteId}`, { shareId }), post(`/websites/${websiteId}`, { shareId }),
); );
const ref = useRef(null); const ref = useRef(null);
const url = useMemo( const url = useMemo(
() => `${process.env.analyticsUrl || location.origin}${basePath || ''}/share/${id}/${encodeURIComponent(name)}`, () =>
`${process.env.analyticsUrl || location.origin}${basePath}/share/${id}/${encodeURIComponent(
name,
)}`,
[id, name], [id, name],
); );