watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-04 04:37:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Added useApi hook.

Browse source
This commit is contained in:
Mike Cao 2022-02-22 23:52:31 -08:00
parent 7bd49e6caf
commit d19b6b5a82
22 changed files with 59 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/forms/AccountEditForm.js
View file

@ -8,7 +8,7 @@ import FormLayout, {
FormMessage,
FormRow,
} from 'components/layout/FormLayout';
import usePost from 'hooks/usePost';
import useApi from 'hooks/useApi';
const initialValues = {
username: '',
@ -29,11 +29,11 @@ const validate = ({ user_id, username, password }) => {
};
export default function AccountEditForm({ values, onSave, onClose }) {
const post = usePost();
const { post } = useApi();
const [message, setMessage] = useState();
const handleSubmit = async values => {
const { ok, data } = await post('/api/account', values);
const { ok, data } = await post('/account', values);
if (ok) {
onSave();

6
components/forms/ChangePasswordForm.js
View file

@ -8,7 +8,7 @@ import FormLayout, {
FormMessage,
FormRow,
} from 'components/layout/FormLayout';
import usePost from 'hooks/usePost';
import useApi from 'hooks/useApi';
const initialValues = {
current_password: '',
@ -37,11 +37,11 @@ const validate = ({ current_password, new_password, confirm_password }) => {
};
export default function ChangePasswordForm({ values, onSave, onClose }) {
const post = usePost();
const { post } = useApi();
const [message, setMessage] = useState();
const handleSubmit = async values => {
const { ok, data } = await post('/api/account/password', values);
const { ok, data } = await post('/account/password', values);
if (ok) {
onSave();

6
components/forms/DeleteForm.js
View file

@ -8,7 +8,7 @@ import FormLayout, {
FormMessage,
FormRow,
} from 'components/layout/FormLayout';
import useDelete from 'hooks/useDelete';
import useApi from 'hooks/useApi';
const CONFIRMATION_WORD = 'DELETE';
@ -27,11 +27,11 @@ const validate = ({ confirmation }) => {
};
export default function DeleteForm({ values, onSave, onClose }) {
const del = useDelete();
const { del } = useApi();
const [message, setMessage] = useState();
const handleSubmit = async ({ type, id }) => {
const { ok, data } = await del(`/api/${type}/${id}`);
const { ok, data } = await del(`/${type}/${id}`);
if (ok) {
onSave();

6
components/forms/LoginForm.js
View file

@ -10,7 +10,7 @@ import FormLayout, {
FormRow,
} from 'components/layout/FormLayout';
import Icon from 'components/common/Icon';
import usePost from 'hooks/usePost';
import useApi from 'hooks/useApi';
import { setItem } from 'lib/web';
import { AUTH_TOKEN } from 'lib/constants';
import { setUser } from 'store/app';
@ -31,12 +31,12 @@ const validate = ({ username, password }) => {
};
export default function LoginForm() {
const post = usePost();
const { post } = useApi();
const router = useRouter();
const [message, setMessage] = useState();
const handleSubmit = async ({ username, password }) => {
const { ok, status, data } = await post('/api/auth/login', {
const { ok, status, data } = await post('/auth/login', {
username,
password,
});

6
components/forms/ResetForm.js
View file

@ -8,7 +8,7 @@ import FormLayout, {
FormMessage,
FormRow,
} from 'components/layout/FormLayout';
import usePost from 'hooks/usePost';
import useApi from 'hooks/useApi';
const CONFIRMATION_WORD = 'RESET';
@ -27,11 +27,11 @@ const validate = ({ confirmation }) => {
};
export default function ResetForm({ values, onSave, onClose }) {
const post = usePost();
const { post } = useApi();
const [message, setMessage] = useState();
const handleSubmit = async ({ type, id }) => {
const { ok, data } = await post(`/api/${type}/${id}/reset`);
const { ok, data } = await post(`/${type}/${id}/reset`);
if (ok) {
onSave();

6
components/forms/WebsiteEditForm.js
View file

@ -10,7 +10,7 @@ import FormLayout, {
} from 'components/layout/FormLayout';
import Checkbox from 'components/common/Checkbox';
import { DOMAIN_REGEX } from 'lib/constants';
import usePost from 'hooks/usePost';
import useApi from 'hooks/useApi';
const initialValues = {
name: '',
@ -34,11 +34,11 @@ const validate = ({ name, domain }) => {
};
export default function WebsiteEditForm({ values, onSave, onClose }) {
const post = usePost();
const { post } = useApi();
const [message, setMessage] = useState();
const handleSubmit = async values => {
const { ok, data } = await post('/api/website', values);
const { ok, data } = await post('/website', values);
if (ok) {
onSave();

2
components/metrics/ActiveUsers.js
View file

@ -9,7 +9,7 @@ import styles from './ActiveUsers.module.css';
export default function ActiveUsers({ websiteId, className, value, interval = 60000 }) {
const shareToken = useShareToken();
const { data } = useFetch(!value && `/api/website/${websiteId}/active`, {
const { data } = useFetch(!value && `/website/${websiteId}/active`, {
interval,
headers: { [TOKEN_HEADER]: shareToken?.token },
});

2
components/metrics/EventsChart.js
View file

@ -17,7 +17,7 @@ export default function EventsChart({ websiteId, className, token }) {
const shareToken = useShareToken();
const { data, loading } = useFetch(
`/api/website/${websiteId}/events`,
`/website/${websiteId}/events`,
{
params: {
start_at: +startDate,

2
components/metrics/MetricsBar.js
View file

@ -22,7 +22,7 @@ export default function MetricsBar({ websiteId, className }) {
} = usePageQuery();
const { data, error, loading } = useFetch(
`/api/website/${websiteId}/stats`,
`/website/${websiteId}/stats`,
{
params: {
start_at: +startDate,

2
components/metrics/MetricsTable.js
View file

@ -35,7 +35,7 @@ export default function MetricsTable({
} = usePageQuery();
const { data, loading, error } = useFetch(
`/api/website/${websiteId}/metrics`,
`/website/${websiteId}/metrics`,
{
params: {
type,

2
components/metrics/WebsiteChart.js
View file

@ -41,7 +41,7 @@ export default function WebsiteChart({
} = usePageQuery();
const { data, loading, error } = useFetch(
`/api/website/${websiteId}/pageviews`,
`/website/${websiteId}/pageviews`,
{
params: {
start_at: +startDate,

4
components/pages/RealtimeDashboard.js
View file

@ -33,8 +33,8 @@ export default function RealtimeDashboard() {
const countryNames = useCountryNames(locale);
const [data, setData] = useState();
const [websiteId, setWebsiteId] = useState(0);
const { data: init, loading } = useFetch('/api/realtime/init');
const { data: updates } = useFetch('/api/realtime/update', {
const { data: init, loading } = useFetch('/realtime/init');
const { data: updates } = useFetch('/realtime/update', {
params: { start_at: data?.timestamp },
disabled: !init?.websites?.length || !data,
interval: REALTIME_INTERVAL,

2
components/pages/TestConsole.js
View file

@ -21,7 +21,7 @@ export default function TestConsole() {
const [website, setWebsite] = useState();
const [show, setShow] = useState(true);
const { basePath } = useRouter();
const { data } = useFetch('/api/websites');
const { data } = useFetch('/websites');
if (!data || !user?.is_admin) {
return null;

2
components/pages/WebsiteDetails.js
View file

@ -37,7 +37,7 @@ const views = {
export default function WebsiteDetails({ websiteId }) {
const shareToken = useShareToken();
const { data } = useFetch(`/api/website/${websiteId}`, {
const { data } = useFetch(`/website/${websiteId}`, {
headers: { [TOKEN_HEADER]: shareToken?.token },
});
const [chartLoaded, setChartLoaded] = useState(false);

2
components/pages/WebsiteList.js
View file

@ -11,7 +11,7 @@ import Chart from 'assets/chart-bar.svg';
import styles from './WebsiteList.module.css';
export default function WebsiteList({ userId }) {
const { data } = useFetch('/api/websites', { params: { user_id: userId } });
const { data } = useFetch('/websites', { params: { user_id: userId } });
const [showCharts, setShowCharts] = useState(true);
if (!data) {

2
components/settings/AccountSettings.js
View file

@ -25,7 +25,7 @@ export default function AccountSettings() {
const [deleteAccount, setDeleteAccount] = useState();
const [saved, setSaved] = useState(0);
const [message, setMessage] = useState();
const { data } = useFetch(`/api/accounts`, {}, [saved]);
const { data } = useFetch(`/accounts`, {}, [saved]);
const Checkmark = ({ is_admin }) => (is_admin ? <Icon icon={<Check />} size="medium" /> : null);

4
components/settings/WebsiteSettings.js
View file

@ -36,9 +36,7 @@ export default function WebsiteSettings() {
const [showUrl, setShowUrl] = useState();
const [saved, setSaved] = useState(0);
const [message, setMessage] = useState();
const { data } = useFetch(`/api/websites` + (user.is_admin ? '?include_all=true' : ''), {}, [
saved,
]);
const { data } = useFetch(`/websites` + (user?.is_admin ? '?include_all=true' : ''), {}, [saved]);
const Buttons = row => (
<ButtonLayout align="right">