X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fpages%2FTechnique.js;fp=resources%2Fjs%2Fcomponents%2Fpages%2FTechnique.js;h=4004707895ad23dc18607e1af5a1758c2b01e3fa;hb=9c8e6581de9599f34d231a141134af015cb28be5;hp=c4be0666614eb932d5c22e5ae8ccbf0ffd3dc23b;hpb=33157cf7893e1faf8006f4296eb99dd7adf5bc37;p=alttp.git diff --git a/resources/js/components/pages/Technique.js b/resources/js/components/pages/Technique.js index c4be066..4004707 100644 --- a/resources/js/components/pages/Technique.js +++ b/resources/js/components/pages/Technique.js @@ -1,4 +1,5 @@ import axios from 'axios'; +import PropTypes from 'prop-types'; import React, { useEffect, useState } from 'react'; import { Helmet } from 'react-helmet'; import { withTranslation } from 'react-i18next'; @@ -13,7 +14,7 @@ import Detail from '../techniques/Detail'; import { getLanguages, getMatchedLocale, getTranslation } from '../../helpers/Technique'; import i18n from '../../i18n'; -const Technique = () => { +const Technique = ({ type }) => { const params = useParams(); const { name } = params; @@ -25,7 +26,7 @@ const Technique = () => { const ctrl = new AbortController(); setLoading(true); axios - .get(`/api/tech/${name}`, { signal: ctrl.signal }) + .get(`/api/pages/${type}/${name}`, { signal: ctrl.signal }) .then(response => { setError(null); setLoading(false); @@ -39,7 +40,7 @@ const Technique = () => { return () => { ctrl.abort(); }; - }, [name]); + }, [name, type]); if (loading) { return ; @@ -67,4 +68,8 @@ const Technique = () => { ; }; +Technique.propTypes = { + type: PropTypes.string, +}; + export default withTranslation()(Technique);