corecting a width

CodeYourFuture · Sep 27, 2023 · 731041a · 731041a
1 parent 784182d
commit 731041a
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 37 deletions.
diff --git 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
@@ -3,13 +3,11 @@ import UpdateRating from "./UpdateRating";
 
 export default function CardVideo({ video, setRefreshVideos }) {
   return (
-    <>
-      <div key={video.id} className="video-container">
-        <iframe title={video.title} src={video.url} />
-        <div className="videos-functions">
-          <UpdateRating video={video} setRefreshVideos={setRefreshVideos} />
-        </div>
+    <div key={video.id} className="video-container">
+      <iframe title={video.title} src={video.url} />
+      <div className="videos-functions">
+        <UpdateRating video={video} setRefreshVideos={setRefreshVideos} />
       </div>
-    </>
+    </div>
   );
 }
diff --git 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
@@ -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 (
-    <>
-      <div>
-        <ToggleOrderOfVideos
-          refreshVideos={refreshVideos}
-          setVideos={setVideos}
-        />
-        <div className="dispay-video-container">
-          {videos.map((video) => (
-            <CardVideo
-              key={video.id}
-              video={video}
-              setRefreshVideos={setRefreshVideos}
-            />
-          ))}
-        </div>
+    <div>
+      <ToggleOrderOfVideos
+        refreshVideos={refreshVideos}
+        setVideos={setVideos}
+      />
+      <div className="dispay-video-container">
+        {videos.map((video) => (
+          <CardVideo
+            key={video.id}
+            video={video}
+            setRefreshVideos={setRefreshVideos}
+          />
+        ))}
       </div>
-    </>
+    </div>
   );
 }
diff --git 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
@@ -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
@@ -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 {