diff --git a/client/src/App.css b/client/src/App.css
index f9cf907b8a..eb5cf7d9b4 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -15,11 +15,14 @@
}
.App {
text-align: center;
+ width: 100%;
}
body {
background-color: var(--dark-purple);
color: var(--whity);
+ width: 100%;
+
/* padding: none;
margin: none; */
}
@@ -259,6 +262,7 @@ input:focus {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(auto, 600px);
gap: 70px;
+ width: 100%;
}
@media (max-width: 800px) {
@@ -272,12 +276,13 @@ input:focus {
display: flex;
flex-direction: column;
gap: 30px;
+ width: 100%;
border-top: 3px solid var(--green);
border-bottom: 3px solid var(--green);
}
iframe {
- width: 100%;
+ /* width: 100%; */
}
.videos-functions {
diff --git a/client/src/CardVideo.jsx b/client/src/CardVideo.jsx
index 07beb60853..bae2915b70 100644
--- a/client/src/CardVideo.jsx
+++ b/client/src/CardVideo.jsx
@@ -3,13 +3,11 @@ import UpdateRating from "./UpdateRating";
export default function CardVideo({ video, setRefreshVideos }) {
return (
- <>
-
-
-
-
-
+
);
}
diff --git a/client/src/DeleteVideo.jsx b/client/src/DeleteVideo.jsx
index 34fd67908f..9f65c05d75 100644
--- a/client/src/DeleteVideo.jsx
+++ b/client/src/DeleteVideo.jsx
@@ -13,13 +13,10 @@ export default function DeleteVideo({ video, setRefreshVideos }) {
const response = await fetch(
`https://kristinadudnyk-fullstack-project.onrender.com/video/${videoId}`,
- // `http://localhost:4500/video/${videoId}`
{
method: "DELETE",
}
);
- // console.log(`http://localhost:4500/video/${videoId}`);
-
console.log("handleDelete response:", response);
const json = await response.json();
diff --git a/client/src/DisplayVideos.jsx b/client/src/DisplayVideos.jsx
index ee94f8e59d..608d4b50a4 100644
--- a/client/src/DisplayVideos.jsx
+++ b/client/src/DisplayVideos.jsx
@@ -9,7 +9,6 @@ export default function DisplayVideos({ refreshVideos, setRefreshVideos }) {
try {
const response = await fetch(
`https://kristinadudnyk-fullstack-project.onrender.com/video`
- // "http://localhost:4500/video"
);
const data = await response.json();
console.log("fetchData in Videos", data);
@@ -24,22 +23,20 @@ export default function DisplayVideos({ refreshVideos, setRefreshVideos }) {
}, [refreshVideos]);
return (
- <>
-
-
-
- {videos.map((video) => (
-
- ))}
-
+
+
+
+ {videos.map((video) => (
+
+ ))}
- >
+
);
}
diff --git a/client/src/NewVideo.jsx b/client/src/NewVideo.jsx
index d0e62ef5ea..96555215eb 100644
--- a/client/src/NewVideo.jsx
+++ b/client/src/NewVideo.jsx
@@ -22,14 +22,11 @@ export default function NewVivdeo({ showForm, toggleForm, setRefreshVideos }) {
formData.url.match(/v=([a-zA-Z0-9_-]{11})/)[1]
}`,
};
- // console.log(formDataUrlChanged);
-
try {
setIsSubmitting(true);
const response = await fetch(
`https://kristinadudnyk-fullstack-project.onrender.com/video`,
- // "http://localhost:4500/video"
{
method: "POST",
headers: {
diff --git a/client/src/ToggleOrderOfVideos.jsx b/client/src/ToggleOrderOfVideos.jsx
index 44c9f16fea..ea1513f86d 100644
--- a/client/src/ToggleOrderOfVideos.jsx
+++ b/client/src/ToggleOrderOfVideos.jsx
@@ -11,7 +11,6 @@ export default function ToggleOrderOfVideos({ refreshVideos, setVideos }) {
const orderQuery = order ? "asc" : "desc";
const response = await fetch(
`https://kristinadudnyk-fullstack-project.onrender.com/video?order=${orderQuery}`
- // `http://localhost:4500/video?order=${orderQuery}`
);
const data = await response.json();
console.log("handleToggleOrder in ToggleOrderOfVideos", data);
diff --git a/client/src/UpdateRating.jsx b/client/src/UpdateRating.jsx
index 519d3e5525..1d1212a6f0 100644
--- a/client/src/UpdateRating.jsx
+++ b/client/src/UpdateRating.jsx
@@ -8,7 +8,6 @@ export default function UpdateRating({ video, setRefreshVideos }) {
try {
const response = await fetch(
`https://kristinadudnyk-fullstack-project.onrender.com/video/${video.id}`,
- // `http://localhost:4500/video/${video.id}`
{
method: "PATCH",
headers: {
@@ -17,10 +16,6 @@ export default function UpdateRating({ video, setRefreshVideos }) {
body: JSON.stringify({ rating: counter }),
}
);
- // console.log("handleSubmit response:", response);
-
- // const json = await response.json();
- // console.log("handleSubmit json:", json);
if (response.ok) {
console.log("Resource updated successfully");
} else {