Hugyouu/Letterboxd-Diary-Posters-Picker
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

APIUrl

Browse Source
This commit is contained in:
Hugo Pierret
2024-10-20 16:18:53 +02:00
parent 3c078afcdd
commit 92c10f4f18
2 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/PosterSelector.js
View File

@@ -18,7 +18,7 @@ import queryString from "query-string";
import pulpGif from "../static/images/pulp.gif"; import pulpGif from "../static/images/pulp.gif";
import NavBar from "./NavBar"; import NavBar from "./NavBar";
const apiUrl = process.env.REACT_APP_API_URL; const apiUrl = process.env.REACT_APP_APIUrl;
const paginationTheme = createTheme({ const paginationTheme = createTheme({
palette: { palette: {
@@ -56,7 +56,7 @@ const PosterSelector = () => {
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [page, setPage] = useState(1); const [page, setPage] = useState(1);
const [totalPages, setTotalPages] = useState(1); const [totalPages, setTotalPages] = useState(1);
const [progress, setProgress] = useState(0); //const [progress, setProgress] = useState(0);
const [username, setUsername] = useState(""); const [username, setUsername] = useState("");
const navigate = useNavigate(); const navigate = useNavigate();
const location = useLocation(); const location = useLocation();
@@ -70,29 +70,29 @@ const PosterSelector = () => {
fetchMovies(pageNumber).then((r) => console.log(r)); fetchMovies(pageNumber).then((r) => console.log(r));
}, [location.search]); }, [location.search]);
const fetchUsername = async () => { // const fetchUsername = async () => {
try { // try {
const response = await axios.get(`${apiUrl}/api/username`); // const response = await axios.get(`${apiUrl}/api/username`);
setUsername(response.data.username); // setUsername(response.data.username);
} catch (error) { // } catch (error) {
console.error("Error fetching username:", error); // console.error("Error fetching username:", error);
} // }
}; // };
const fetchMovies = async (pageNumber) => { const fetchMovies = async (pageNumber) => {
try { try {
setLoading(true); setLoading(true);
setProgress(0); // setProgress(0);
const response = await axios.get( const response = await axios.get(
`${apiUrl}/api/movies?page=${pageNumber}&limit=${moviesPerPage}`, `${apiUrl}/api/movies?page=${pageNumber}&limit=${moviesPerPage}`,
{ {
onDownloadProgress: (progressEvent) => { // onDownloadProgress: (progressEvent) => {
const percentCompleted = Math.round( // const percentCompleted = Math.round(
(progressEvent.loaded * 100) / progressEvent.total // (progressEvent.loaded * 100) / progressEvent.total
); // );
setProgress(percentCompleted); // setProgress(percentCompleted);
}, // },
} }
); );

2
src/components/UploadDiary.js
View File

@@ -13,7 +13,7 @@ import CloudDoneOutlinedIcon from "@mui/icons-material/CloudDoneOutlined";
import { useDropzone } from "react-dropzone"; import { useDropzone } from "react-dropzone";
import axios from "axios"; import axios from "axios";
const apiUrl = process.env.REACT_APP_API_URL; const apiUrl = process.env.REACT_APP_APIUrl;
const UploadDiary = () => { const UploadDiary = () => {
const [file, setFile] = useState(null); const [file, setFile] = useState(null);