diff --git a/front-end/src/Pages/Downloads.jsx b/front-end/src/Pages/Downloads.jsx
index d16b59d6..132f29da 100644
--- a/front-end/src/Pages/Downloads.jsx
+++ b/front-end/src/Pages/Downloads.jsx
@@ -1,10 +1,9 @@
import React, { useState, useEffect } from 'react';
import axios from 'axios';
import fileDownload from '../assets/download.png';
-import fileDownload1 from '../assets/download2.png';
import { loggedInUser } from '../Pages/Login';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faDownload ,faTrash } from '@fortawesome/free-solid-svg-icons';
+import { faDownload ,faTrash, faEye } from '@fortawesome/free-solid-svg-icons';
const FileUploadDownload = () => {
@@ -47,7 +46,7 @@ const FileUploadDownload = () => {
const handleUpload = async () => {
if (!selectedFile && !youtubeLink) {
- alert('Please select a file or enter a YouTube link!');
+ alert('Please select a file or enter a URL for the file!');
return;
}
@@ -149,19 +148,6 @@ const FileUploadDownload = () => {
-
-
{loggedInUser.isLoggedIn && (
@@ -199,7 +185,7 @@ const FileUploadDownload = () => {
{errorMessage && {errorMessage}
}
-
Download Files here
+ {/*
Download Files here
*/}
{visibleToAllFiles.length > 0 ? (
visibleToAllFiles.map(file => (
@@ -208,7 +194,7 @@ const FileUploadDownload = () => {
{file.displayName}
- Watch Video
+
{loggedInUser.isLoggedIn && (
handleDelete(file.fileId)}>
@@ -236,12 +222,12 @@ const FileUploadDownload = () => {
))
) : (
-
No files visible to all
+
No files visible to Public
)}
{loggedInUser.isLoggedIn && (
<>
-
Files for the CYCLE Team
+
Files Only for the CYCLE Team
{visibleToLoggedInFiles.length > 0 ? (
visibleToLoggedInFiles.map(file => (
@@ -250,7 +236,7 @@ const FileUploadDownload = () => {
{file.displayName}
- Watch Video
+
handleDelete(file.fileId)}>
diff --git a/front-end/src/assets/download2.png b/front-end/src/assets/download2.png
deleted file mode 100644
index 2a975f47..00000000
Binary files a/front-end/src/assets/download2.png and /dev/null differ
diff --git a/front-end/src/components/Download.css b/front-end/src/components/Download.css
index 30932316..3b7c5f17 100644
--- a/front-end/src/components/Download.css
+++ b/front-end/src/components/Download.css
@@ -190,42 +190,6 @@
color: #000000;
}
-
-.downloadLinks {
- border: 2px solid rgba(10, 48, 128);
- border-radius: 20px;
- background-color: #e1edf9;
- padding: 10px;
- display: center;
- margin-left: 5%;
- margin-right: 5%;
- margin-bottom: 2%;
- text-align: center;
- width: auto;
- font-family: 'Caudex';
-
-}
-
-.downloadLinks img {
- height: 200px;
- width: auto;
-}
-
-.downloadLinks p {
- font-size: 16px;
- color: rgb(30, 85, 148);
-}
-
-.downloadLinks h4 {
- font-size: 20px;
- color: rgba(10, 48, 128);
-}
-
-.downloadLinks p:hover {
- font-size: 16px;
- color: hsl(211, 63%, 69%);
-}
-
.addcancelbutton {
width: 110px;
height: 40px;
@@ -262,6 +226,6 @@
.fileActions {
justify-content: flex-start; /* Align buttons to the left */
- width: 50%; /* Allow the buttons to take full width */
+ width: 15%; /* Allow the buttons to take full width */
}
}
\ No newline at end of file