From c936063bf1e0edd673f12ec885c31c470eeb3099 Mon Sep 17 00:00:00 2001 From: Henil Panchal Date: Sat, 25 Nov 2023 11:42:48 +0530 Subject: [PATCH] clean --- frontend/src/pages/account_cards.js | 356 ----------- frontend/src/pages/admin_git.js | 559 ------------------ frontend/src/pages/admin_ui.js | 250 -------- .../src/pages/changeNamespaceDescription.js | 102 ---- frontend/src/pages/compouiadm.js | 40 -- frontend/src/pages/package_ui.js | 74 --- 6 files changed, 1381 deletions(-) delete mode 100644 frontend/src/pages/account_cards.js delete mode 100644 frontend/src/pages/admin_git.js delete mode 100644 frontend/src/pages/admin_ui.js delete mode 100644 frontend/src/pages/changeNamespaceDescription.js delete mode 100644 frontend/src/pages/compouiadm.js delete mode 100644 frontend/src/pages/package_ui.js diff --git a/frontend/src/pages/account_cards.js b/frontend/src/pages/account_cards.js deleted file mode 100644 index fbca8be1..00000000 --- a/frontend/src/pages/account_cards.js +++ /dev/null @@ -1,356 +0,0 @@ -import React, { useEffect, useState } from "react"; -import { useDispatch, useSelector } from "react-redux"; -import { useNavigate } from "react-router-dom"; -import { - reset, - getUserAccount, - resetMessages, -} from "../store/actions/accountActions"; - -import Row from "react-bootstrap/Row"; -import Col from "react-bootstrap/Col"; -import Image from "react-bootstrap/Image"; -import Container from "react-bootstrap/Container"; -import Form from "react-bootstrap/Form"; -import Button from "react-bootstrap/Button"; -import Card from "react-bootstrap/Card"; -import ListGroup from "react-bootstrap/ListGroup"; -import Spinner from "react-bootstrap/Spinner"; - -import "@fortawesome/fontawesome-free/css/all.min.css"; -import "bootstrap-css-only/css/bootstrap.min.css"; -import "mdbreact/dist/css/mdb.css"; - -const Account = () => { - const email = useSelector((state) => state.account.email); - const error = useSelector((state) => state.account.error); - const successMsg = useSelector( - (state) => state.account.resetPasswordSuccessMsg - ); - const [oldPassword, setOldPassword] = useState(""); - const [newPassword, setNewPassword] = useState(""); - const [formValidationErrors, setFormValidationErrors] = useState({}); - const [show, setShow] = useState(false); - const dateJoined = useSelector((state) => state.account.dateJoined); - const username = useSelector((state) => state.auth.username); - const uuid = useSelector((state) => state.auth.uuid); - const isLoading = useSelector((state) => state.account.isLoading); - const dispatch = useDispatch(); - const navigate = useNavigate(); - - useEffect(() => { - if (username === null) { - navigate("/"); - } else { - dispatch(getUserAccount(uuid)); - } - - if (error !== null || successMsg !== null) { - dispatch(resetMessages()); - } - }, [dispatch, navigate, successMsg, error, username, uuid]); - - const validateForm = () => { - let errors = {}; - - if (!oldPassword) { - errors.oldPassword = "Old Password is required"; - } - if (!newPassword) { - errors.newPassword = "Enter New password"; - } - - setFormValidationErrors(errors); - return Object.keys(errors).length === 0; - }; - - const handleSubmit = async (e) => { - e.preventDefault(); - - if (validateForm()) { - dispatch(resetMessages()); - dispatch(reset(oldPassword, newPassword, uuid)); - } - setShow(true); - }; - - return isLoading ? ( -
- - Loading... - -
- ) : ( - - - - - -

Profile Settings

- - - Profile Picture - - - We use{" "} - - gravatar.com - {" "} - to generate your profile picture based on your primary email - address — {email}. - - - - - - - -

Account Details

- - - -
Username
- @{username} - - -
Date Joined
- {dateJoined} - - -
Primary Email
- {email} - - - - - - - - -
Change Password
- - -
- {/* Password change form */} -
- - - - - -
Change Email
- - - {/* Email change form */} - - - - ); -}; - -export default Account; - - - - - - - - - - - - - - - - - - - - - - - - - - - -// email change form - - - {/*
- - - New Email - - - setnewPassword(e.target.value)} - /> - - - - {fromValidationErrors.password && ( -

{fromValidationErrors.password}

- )} -

- {error ? error : successMsg} -

- - {show && error} - -
*/} - - - -// password change form - - - - New Email - - -
- - - Old Password - - - setoldPassword(e.target.value)} - /> - - - - - - New Password - - - setnewPassword(e.target.value)} - /> - - - -{fromValidationErrors.password && ( -

{fromValidationErrors.password}

-)} -

- {error ? error : successMsg} -

- - - {show && error} - -
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - New Email - - -
- - - New Email - - - setnewEmail(e.target.value)} - /> - - - {fromValidationErrors.password && ( -

{fromValidationErrors.password}

- )} -
-

- {error ? error : successMsg} -

- - {show && error} - - - - - - - - - - - - - diff --git a/frontend/src/pages/admin_git.js b/frontend/src/pages/admin_git.js deleted file mode 100644 index 58d2bcf2..00000000 --- a/frontend/src/pages/admin_git.js +++ /dev/null @@ -1,559 +0,0 @@ -import React, { useEffect, useState } from "react"; -import { Container } from "react-bootstrap"; -import { useDispatch, useSelector } from "react-redux"; -import { useNavigate } from "react-router-dom"; -import { - adminAuth, - deleteUser, - deleteNamespace, - deletePackage, - deleteRelease, - deprecatePackage, -} from "../store/actions/adminActions"; -import { - MDBBtn, - MDBModal, - MDBModalDialog, - MDBModalContent, - MDBModalHeader, - MDBModalTitle, - MDBModalBody, - MDBModalFooter, - MDBIcon, -} from "mdb-react-ui-kit"; - -const isEmpty = (...values) => { - return values.some((value) => value === ""); -}; - -const AdminSection = () => { - const [deprecateModal, setdeprecateModal] = useState(false); - const uuid = useSelector((state) => state.auth.uuid); - const dispatch = useDispatch(); - const navigate = useNavigate(); - const message = useSelector((state) => state.admin.message); - const statuscode = useSelector((state) => state.admin.statuscode); - const isAdmin = useSelector((state) => state.admin.isAdmin); - const toggleShowDeprecateModal = () => { - if (!isEmpty(deprecatePackageNamespaceName, deprecatepackageName)) { - setdeprecateModal(!deprecateModal); - } else { - toggleShowemptyModal(); - } - }; - const [deprecatepackageName, setdeprecatepackageName] = useState(""); - - const [deprecatePackageNamespaceName, setdeprecatePackageNamespaceName] = - useState(""); - - const [emptyModal, setemptyModal] = useState(false); - - const [messageModal, setmessageModal] = useState(false); - const toggleShowmessageModal = () => setmessageModal(!messageModal); - const toggleShowemptyModal = () => setemptyModal(!emptyModal); - - const [deleteNamespaceModal, setdeleteNamespaceModal] = useState(false); - const toggleShowDeleteNamespaceModal = () => { - if (!isEmpty(deletenamespaceName)) { - setdeleteNamespaceModal(!deleteNamespaceModal); - } else { - toggleShowemptyModal(); - } - }; - - const [deletenamespaceName, setdeletenamespaceName] = useState(""); - - const [deletePackageModal, setdeletePackageModal] = useState(false); - const toggleShowDeletePackageModal = () => { - if (!isEmpty(deletepackagenamespaceName, deletepackageName)) { - setdeletePackageModal(!deletePackageModal); - } else { - toggleShowemptyModal(); - } - }; - const [deletepackageName, setdeletepackageName] = useState(""); - const [deletepackagenamespaceName, setdeletepackagenamespaceName] = - useState(""); - - const [deleteUserModal, setdeleteUserModal] = useState(false); - const toggleShowDeleteUserModal = () => { - if (!isEmpty(deleteuserName)) { - setdeleteUserModal(!deleteUserModal); - } else { - toggleShowemptyModal(); - } - }; - - const [deleteuserName, setdeleteuserName] = useState(""); - - const [deleteReleaseModal, setdeleteReleaseModal] = useState(false); - const toggleShowDeleteReleaseModal = () => { - if ( - !isEmpty( - deletereleasenamespaceName, - deletereleasepackageName, - deletereleaseName - ) - ) { - setdeleteReleaseModal(!deleteReleaseModal); - } else { - toggleShowemptyModal(); - } - }; - const [deletereleasepackageName, setdeletereleasepackageName] = useState(""); - const [deletereleasenamespaceName, setdeletereleasenamespaceName] = - useState(""); - const [deletereleaseName, setdeletereleaseName] = useState(""); - - // const [changePasswordModal, setchangePasswordModal] = useState(false); - // const toggleShowChangePasswordModal = () => { - // if (!isEmpty(userName, newPassword)) { - // setchangePasswordModal(!changePasswordModal); - // } else { - // toggleShowemptyModal(); - // } - // }; - - // const [userName, setUserName] = useState(""); - // const [newPassword, setNewPassword] = useState(""); - - useEffect(() => { - dispatch(adminAuth(uuid)); - if (!isAdmin) { - navigate("/404"); - } - }, [isAdmin]); - - useEffect(() => { - console.log("hi"); - if(message!=null){ - toggleShowmessageModal(); - } - }, [message]); - - const handleDeprecatePackage = () => { - dispatch( - deprecatePackage( - deprecatePackageNamespaceName, - deprecatepackageName, - uuid - ) - ); - setdeprecatePackageNamespaceName(""); - setdeprecatepackageName(""); - }; - - const handleDeleteNamespace = () => { - dispatch(deleteNamespace(deletenamespaceName, uuid)); - setdeletenamespaceName(""); - }; - - const handleDeletePackage = () => { - dispatch( - deletePackage(deletepackagenamespaceName, deletepackageName, uuid) - ); - setdeletepackagenamespaceName(""); - setdeletepackageName(""); - }; - - const handleDeleteUser = () => { - dispatch(deleteUser(deleteuserName, uuid)); - setdeleteuserName(""); - }; - - const handleDeleteRelease = () => { - dispatch( - deleteRelease( - deletereleasenamespaceName, - deletereleasepackageName, - deletereleaseName, - uuid - ) - ); - setdeletereleasenamespaceName(""); - setdeletereleasepackageName(""); - setdeletereleaseName(""); - }; - - const handleChangePassword = () => { // TODO: Enable the change password functionality - // dispatch(adminAuth(userName, newPassword)); - // setUserName(""); - // setNewPassword(""); - }; - - return ( - - - - - - Empty Inputs - - - - You must fill all the - fields. - - - - Close - - - - - - - - - - {statuscode} status - - - - - {message} - - - - Close - - - - - -

Admin Settings

-
-

Deprecate package release

-

- setdeprecatePackageNamespaceName(e.target.value)} - style={{ width: 300 }} - /> - setdeprecatepackageName(e.target.value)} - style={{ width: 300 }} - /> -

- - Deprecate Package - - - - - - Deprecate Package - - - - You will not be able - to recover {deprecatePackageNamespaceName}/ - {deprecatepackageName} package after you deprecate it. - - - - Close - - - Deprecate Package - - - - - -
-
-

Delete namespace

-

- setdeletenamespaceName(e.target.value)} - style={{ width: 300 }} - /> -

- - Delete Namespace - - - - - - Delete Namespace - - - - You will not be able - to recover {deletenamespaceName} Namespace after you delete it. - - - - Close - - - Delete Namespace - - - - - -
-
-

Delete package

-

- setdeletepackagenamespaceName(e.target.value)} - style={{ width: 300 }} - /> - setdeletepackageName(e.target.value)} - style={{ width: 300 }} - /> -

- - Deprecate Package - - - - - - Delete Package - - - - You will not be able - to recover {deletepackagenamespaceName}/{deletepackageName}{" "} - package after you delete it. - - - - Close - - Delete Package - - - - -
-
-

Delete user

-

- setdeleteuserName(e.target.value)} - style={{ width: 300 }} - /> -

- - Delete User - - - - - - Delete User - - - - You will not be able - to recover {deleteuserName} user after you delete it. - - - - Close - - Delete User - - - - -
-
-

Delete release

-

- setdeletereleasepackageName(e.target.value)} - style={{ width: 300 }} - /> - setdeletereleasenamespaceName(e.target.value)} - style={{ width: 300 }} - /> - setdeletereleaseName(e.target.value)} - style={{ width: 300 }} - /> -

- - - Delete Release - - - - - - Delete Release - - - - You will not be able - to recover {deletereleasenamespaceName}/ - {deletereleasepackageName}/{deletereleaseName} release after you - delete it. - - - - Close - - Delete Release - - - - -
- {/*
-

Change password

-

- setUserName(e.target.value)} - style={{ width: 300 }} - /> -

-

- setNewPassword(e.target.value)} - style={{ width: 300 }} - /> -

- - Change Password - - - - - - Change Password - - - - You will not be able - to recover {userName} user's password after you change password. - - - - Close - - Change Password - - - - -
*/} - - ); -}; - -export default AdminSection; diff --git a/frontend/src/pages/admin_ui.js b/frontend/src/pages/admin_ui.js deleted file mode 100644 index c163b1b3..00000000 --- a/frontend/src/pages/admin_ui.js +++ /dev/null @@ -1,250 +0,0 @@ -import React, { useEffect, useState } from "react"; -import { useDispatch, useSelector } from "react-redux"; -import { useCookies } from "react-cookie"; -import { useNavigate } from "react-router-dom"; -import { - reset, - getUserAccount, - deleteAccount, -} from "../store/actions/accountActions"; -// import { fetchPackages } from "../store/actions/dashboardActions"; -import Row from "react-bootstrap/Row"; -import Col from "react-bootstrap/Col"; -import { MDBIcon } from "mdbreact"; -import { - MDBInputGroup,MDBInput -} from 'mdb-react-ui-kit'; -import Table from "react-bootstrap/Table"; -import Container from "react-bootstrap/Container"; -import { Spinner } from "react-bootstrap"; -import Form from "react-bootstrap/Form"; -import Button from "react-bootstrap/Button"; - - -const Admin = () => { - const email = useSelector((state) => state.account.email); - const error = useSelector((state) => state.account.error); - const [password, setPassword] = useState(""); - const [oldpassword, setOldpassword] = useState(""); - const [Newpassword, setNewpassword] = useState(""); - const [show, setShow] = useState(false); - const dateJoined = useSelector((state) => state.account.dateJoined); - // const username = useSelector((state) => state.auth.username); - const uuid = useSelector((state) => state.auth.uuid); - const packages = useSelector((state) => state.dashboard.packages); - const isLoading = useSelector((state) => state.dashboard.isLoading); - // const user = useSelector((state) => state.account.user); - const [username, setUsername] = useState(""); - const [packagename, setPackagename] = useState(""); - const [namespace, setNamespace] = useState(""); - const [release, setRelease] = useState(""); - - const dispatch = useDispatch(); - const navigate = useNavigate(); - - useEffect(() => { - if (username === null) { - navigate("/"); - } else if (packages === null) { - dispatch(getUserAccount(uuid)); - } - }); - - const handleSubmit = async (e) => { - e.preventDefault(); - dispatch(reset(oldpassword, Newpassword, uuid)); - setShow(true); - }; - - const handleDelete = async (e) => { - e.preventDefault(); - dispatch(deleteAccount(password, uuid)); - }; - - return !isLoading ? ( - - Loading... - - ) : ( - -

Admin Settings

- - - -

Delete User account

- - - -
Proceed with caution!
- - -
- You will not be able - to recover {username} account after you delete it. -
- - -
-
- - - Username - - - setUsername(e.target.value)} - /> - - - - - {!show && error} - -
- - - - -

Delete Package

- - - -
Proceed with caution!
- - -
- You will not be able - to recover {packagename} after you delete it. -
- - -
- {/*
- - - - - < - type="text" - placeholder="Enter Package name" - name="package" - value={packagename} - onChange={(e) => setPackagename(e.target.value)} - /> - - - - - - - - - - {!show && error} - -
*/} -
-
-
- -
-
- -
-
- - - {!show && error} - -
- - - - - -

Delete Package Release Version

- - - -
Proceed with caution!
- - -
- You will not be able - to recover {release} after you delete it. -
- - -
-
- - - Release Version - - - setRelease(e.target.value)} - />{" "} - - - - - {!show && error} - -
- - - - -

Delete Namespace

- - - -
Proceed with caution!
- - -
- You will not be able - to recover {namespace} after you delete it.
- - -
-
- - - Namespace - - - setNamespace(e.target.value)} - />{" "} - - - - - - {!show && error} - -
- - - ); -}; - -export default Admin; - - \ No newline at end of file diff --git a/frontend/src/pages/changeNamespaceDescription.js b/frontend/src/pages/changeNamespaceDescription.js deleted file mode 100644 index d423c320..00000000 --- a/frontend/src/pages/changeNamespaceDescription.js +++ /dev/null @@ -1,102 +0,0 @@ -// import { useState } from "react"; -// import { useDispatch, useSelector } from "react-redux"; -// import Modal from "react-bootstrap/Modal"; -// import Button from "react-bootstrap/Button"; -// // import { -// // addNamespaceAdmin, -// // resetMessages, -// // } from "../store/actions/namespaceAdminsActions"; # fix this - -// const ChangeNamespaceDescriptionFormDialog = (props) => { -// const [description, setDescription] = useState(""); -// const [validationError, setValidationError] = useState(""); -// const uuid = useSelector((state) => state.auth.uuid); -// // const successMessage = useSelector( # fix this -// // (state) => state.addRemoveNamespaceAdmin.successMessage -// // ); -// // const errorMessage = useSelector( -// // (state) => state.addRemoveNamespaceAdmin.errorMessage -// // ); - -// const dispatch = useDispatch(); - -// const onSubmit = (event) => { -// dispatch(resetMessages()); -// event.preventDefault(); - -// // If the form input is not valid. Do not proceed. -// if (!validateForm()) { -// return; -// } - -// // dispatch( # fix this -// // addNamespaceAdmin( -// // { -// // uuid: uuid, -// // namespace: props.namespace, -// // username_to_be_added: username, -// // }, -// // currUsername -// // ) -// // ); -// }; - -// const resetData = () => { -// setDescription(""); -// setValidationError(""); -// dispatch(resetMessages()); -// }; - -// const validateForm = () => { -// if (!username) { -// setValidationError("Desccription is required"); -// return false; -// } - -// setValidationError(""); -// return true; -// }; - -// return ( -//
-// -// -// -// Change Namespace Description -// -// -// -// -// setDescription(e.target.value)} -// /> -// {validationError && ( -//

{validationError}

-// )} -// {successMessage && ( -//

{successMessage}

-// )} -// {errorMessage &&

{errorMessage}

} -// -// -// -// -// -//
-// ); -// }; - -// export default ChangeNamespaceDescriptionFormDialog; diff --git a/frontend/src/pages/compouiadm.js b/frontend/src/pages/compouiadm.js deleted file mode 100644 index 321a24af..00000000 --- a/frontend/src/pages/compouiadm.js +++ /dev/null @@ -1,40 +0,0 @@ -
-

Deprecate package

-

- setdeprecatepackageName(e.target.value)} - /> -

- - Deprecate Package - - - - - - Deprecate Package - - - - You will not be - able to recover {deprecatepackageName} package after you delete it. - - - - Close - - - Deprecate Package - - - - - -
\ No newline at end of file diff --git a/frontend/src/pages/package_ui.js b/frontend/src/pages/package_ui.js deleted file mode 100644 index 0b6ddff4..00000000 --- a/frontend/src/pages/package_ui.js +++ /dev/null @@ -1,74 +0,0 @@ -import React, { useEffect } from "react"; -import { useDispatch, useSelector } from "react-redux"; -import { fetchPackageData } from "../store/actions/packageActions"; -import { useNavigate, useParams } from "react-router-dom"; -import Container from "react-bootstrap/Container"; -import Card from "react-bootstrap/Card"; -import Button from "react-bootstrap/Button"; -import Row from "react-bootstrap/Row"; -import Col from "react-bootstrap/Col"; -import Spinner from "react-bootstrap/Spinner"; -import Tab from 'react-bootstrap/Tab'; -import Tabs from 'react-bootstrap/Tabs'; - - -const PackagePage = () => { - const { namespace_name, package_name } = useParams(); - const navigate = useNavigate(); - const author = useSelector((state) => state.package.author); - const tags = useSelector((state) => state.package.tags); - const license = useSelector((state) => state.package.license); - const createdAt = useSelector((state) => state.package.createdAt); - const versionData = useSelector((state) => state.package.versionData); - const updatedAt = useSelector((state) => state.package.updatedAt); - const description = useSelector((state) => state.package.description); - const notFound = useSelector((state) => state.package.notFound); - const isLoading = useSelector((state) => state.package.isLoading); - const dispatch = useDispatch(); - - useEffect(() => { - dispatch(fetchPackageData(namespace_name, package_name)); - }, [namespace_name, package_name]); - - if (notFound) { - navigate("/404"); - } - - return !isLoading ? ( - - - - - - WIP - Psckage Description Page - {package_name} - {namespace_name} / {package_name} - -

Author: {author}

-

Tags: {tags.join(",")}

-

License: {license}

-

Created At: {createdAt}

- {/*

Version Data: {versionData.join(",")}

*/} -

Updated At: {updatedAt}

-

{description}

- - - - - - - - - - ) : ( - - - Loading... - - - ); -}; - -export default PackagePage; \ No newline at end of file