theoludwig/FunctionProject
theoludwig/FunctionProject
Archived
1
1
Fork 0
Code Pull Requests Actions Releases Activity

🐛 FIX: randomQuote + backup fixes

Browse Source
This commit is contained in:
Divlo 2020-05-06 12:17:43 +02:00
parent 015b0be11f
commit aca93676e9
4 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.github/backup.sql vendored
View File

File diff suppressed because one or more lines are too long

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.github/backup

6
website/components/FunctionsList/FunctionsList.js
View File

@ -6,10 +6,10 @@ import api from '../../utils/api';
import useAPI from '../../hooks/useAPI';
import './FunctionsList.css';
let pageFunctions = 1;
const FunctionsList = (props) => {
const { categoryId } = useRouter().query;
let pageFunctions = 1;
// State de recherche et de catégories
const [, categories] = useAPI('/categories');
@ -56,13 +56,13 @@ const FunctionsList = (props) => {
const getFunctionsData = async () => {
setLoadingFunctions(true);
const URL = `${(props.isAdmin) ? "/admin/functions" : "/functions"}?page=${pageFunctions}&limit=10&categoryId=${inputSearch.selectedCategory}&search=${inputSearch.search}`;
const result = await api.get(URL, {
const { data } = await api.get(URL, {
headers: {
...(props.isAdmin && props.token != undefined) && { 'Authorization': props.token }
}
});
setLoadingFunctions(false);
return result.data;
return data;
}
const handleChange = (event) => {

35
website/pages/functions/randomQuote.js
View File

@ -36,7 +36,7 @@ const GenerateQuote = () => {
const notyf = new Notyf.Notyf({
duration: 5000
});
copyToClipboard(`"${quote.quote}" - ${quote.author}`);
copyToClipboard(`"${quote?.quote}" - ${quote?.author}`);
notyf.success('Citation copiée dans le presse-papier!');
}
@ -50,15 +50,15 @@ const GenerateQuote = () => {
</div>
<div style={{ marginTop: '20px' }} className="row justify-content-center">
<div className="col-24 text-center">
<p>" {quote.quote} "</p>
<p>- {quote.author}</p>
<p>" {quote?.quote} "</p>
<p>- {quote?.author}</p>
</div>
</div>
<div style={{ marginBottom: '20px' }} className="row justify-content-center">
<a
target="_blank"
rel="noopener noreferrer"
href={`https://twitter.com/intent/tweet?text="${quote.quote}" - ${quote.author}&via=Divlo_FR&hashtags=citation,FunctionProject&url=https://function.divlo.fr/functions/randomQuote`}
href={`https://twitter.com/intent/tweet?text="${quote?.quote}" - ${quote?.author}&via=Divlo_FR&hashtags=citation,FunctionProject&url=https://function.divlo.fr/functions/randomQuote`}
className="btn btn-lg btn-primary"
>
<FontAwesomeIcon icon={faTwitter} style={{ width: '1em' }} /> Twitter
@ -68,26 +68,22 @@ const GenerateQuote = () => {
);
}
let pageQuotes = 1;
const QuoteList = () => {
const [quotesData, setQuotesData] = useState({ hasMore: true, rows: [], totalItems: 0 });
const [isLoadingQuotes, setLoadingQuotes] = useState(true);
const [pageQuotes, setPageQuotes] = useState(1);
// Récupère les citations si la page change
// Récupère les citations initiales
useEffect(() => {
getQuotesData();
}, [pageQuotes]);
getQuotesData().then((data) => setQuotesData(data));
}, []);
const getQuotesData = async () => {
setLoadingQuotes(true);
const { data } = await api.get(`/quotes?limit=20page=${pageQuotes}`);
setQuotesData({
hasMore: data.hasMore,
rows: [...quotesData.rows, ...data.rows],
totalItems: data.totalItems
});
const { data } = await api.get(`/quotes?page=${pageQuotes}&limit=20`);
setLoadingQuotes(false);
return data;
}
// Permet la pagination au scroll
@ -97,7 +93,16 @@ const QuoteList = () => {
if (observer.current) observer.current.disconnect();
observer.current = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting && quotesData.hasMore) {
setPageQuotes(pageQuotes + 1);
pageQuotes += 1;
getQuotesData().then((data) => {
setQuotesData((oldData) => {
return {
hasMore: data.hasMore,
rows: [...oldData.rows, ...data.rows],
totalItems: data.totalItems
};
});
});
}
}, { threshold: 1 });
if (node) observer.current.observe(node);