oxmc/myDrive
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

started testing S3, most things for it are now working. Also fixed media list issue, added more migration scrips for old versions of mydrive

Browse Source
This commit is contained in:
subnub
2024-10-13 17:29:41 -04:00
parent 8d915d4477
commit 0ec24235cc
16 changed files with 288 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Folders/Folders.tsx
+1 -1
View File
@@ -67,7 +67,7 @@ const Folders = memo(() => {
return (
<div className="mt-8">
<div className="flex flex-row mb-[20px] justify-between text-[#212b36] items-center">
<div className="flex flex-row mb-5 justify-between items-center">
<h2
className={classNames(
"m-0 text-xl font-medium",
src/components/Header/Header.tsx
+30 -10
View File
@@ -2,9 +2,11 @@ import { useNavigate } from "react-router-dom";
import SearchBar from "../SearchBar/SearchBar";
import MenuIcon from "../../icons/MenuIcon";
import { useAppDispatch, useAppSelector } from "../../hooks/store";
import { useCallback, useMemo } from "react";
import { toggleDrawer } from "../../reducers/leftSection";
import { useCallback } from "react";
import { closeDrawer, toggleDrawer } from "../../reducers/leftSection";
import { useUtils } from "../../hooks/utils";
import ChevronOutline from "../../icons/ChevronOutline";
import SettingsIconSolid from "../../icons/SettingsIconSolid";
const Header = () => {
const drawerOpen = useAppSelector((state) => state.leftSection.drawOpen);
@@ -19,25 +21,43 @@ const Header = () => {
},
[toggleDrawer]
);
const closeDrawerClick = useCallback(
(e: any) => {
e.stopPropagation();
dispatch(closeDrawer());
},
[closeDrawer]
);
return (
<header id="header">
<div className="px-6 flex justify-between min-h-[68px] items-center py-[15px]">
<div className="px-6 flex justify-between min-h-16 items-center py-3.5">
<div className="items-center w-[260px] hidden desktopMode:flex">
<a
className="inline-flex items-center justify-center cursor-pointer"
onClick={() => navigate("/")}
>
<img className="w-[35px]" src="/images/icon.png" alt="logo" />
<img className="w-9" src="/images/icon.png" alt="logo" />
</a>
</div>
{!isSettings && (
<div className="items-center flex desktopMode:hidden mr-4">
<a className="inline-flex items-center justify-center cursor-pointer">
<MenuIcon
id="menu-icon"
onClick={toggleDrawerClick}
className="text-[#3c85ee] w-[35px]"
/>
{!drawerOpen && (
<MenuIcon
id="menu-icon"
onClick={toggleDrawerClick}
className="text-primary w-9"
/>
)}
{drawerOpen && (
<ChevronOutline
id="menu-icon"
onClick={closeDrawerClick}
className="text-primary w-9 rotate-90"
/>
)}
</a>
</div>
)}
@@ -49,7 +69,7 @@ const Header = () => {
onClick={() => navigate("/settings")}
className="cursor-pointer"
>
<img src="/assets/settings.svg" alt="settings" />
<SettingsIconSolid className="w-7 h-7 text-gray-primary" />
</a>
</div>
</div>
src/components/HocComponent/index.jsx
-11
View File
@@ -1,11 +0,0 @@
import { useLocation, useNavigate } from "react-router-dom";
const withNavigate = (Component) => {
return (props) => {
const navigate = useNavigate();
const location = useLocation();
return <Component {...props} navigate={navigate} location={location} />;
};
};
export default withNavigate;
src/components/HomepageSpinner/HomepageSpinner.jsx
-25
View File
@@ -1,25 +0,0 @@
import React from "react";
import {connect} from "react-redux";
class HomepageSpinnerContainer extends React.Component {
constructor(props) {
super(props)
}
render() {
return (
<div className="homepage__spinner__wrapper" style={this.props.loading ? {} : {display:"none"}}>
<div className="spinner spinner__no-margin">
</div>
</div>
)
}
}
const connectPropToStore = (state) => ({
loading: state.main.loading
})
export default connect(connectPropToStore)(HomepageSpinnerContainer);
src/components/QuickAccess/QuickAccess.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ const QuickAccess = memo(() => {
className="overflow-hidden"
style={isHome ? { display: "block" } : { display: "none" }}
>
<div className="flex flex-row items-center justify-between mb-4">
<div className="flex flex-row items-center justify-between mb-5">
<h2 className=" text-[#212b36] text-xl font-medium">Quick Access</h2>
<ChevronOutline
onClick={() => setQuickAccessExpanded(!quickAccessExpanded)}
src/icons/SettingsIconSolid.tsx
+24
View File
@@ -0,0 +1,24 @@
type SettingsIconSolidType = React.SVGAttributes<SVGSVGElement>;
const SettingsIconSolid: React.FC<SettingsIconSolidType> = (props) => {
return (
<svg
width="27"
height="28"
viewBox="0 0 27 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
id="Shape"
fill-rule="evenodd"
clip-rule="evenodd"
d="M23.9831 15.0558L26.5315 17.0683C27.0081 17.4528 27.1391 18.1291 26.8411 18.6667L24.1794 23.3217C23.8787 23.8621 23.2292 24.0957 22.6579 23.8688L19.6427 22.645C19.0776 23.0565 18.474 23.4113 17.8405 23.7043L17.3785 26.9359C17.2922 27.5501 16.7692 28.0049 16.1551 27.9999H10.8409C10.2246 28.0024 9.70233 27.5424 9.62099 26.9254L9.15891 23.7054C8.52317 23.4148 7.91818 23.0599 7.35326 22.6461L4.34961 23.8664C3.77234 24.0877 3.1216 23.8509 2.81661 23.3088L0.166459 18.6795C-0.138039 18.141 -0.00969806 17.4589 0.469115 17.0706L3.0199 15.0581C2.94013 14.3558 2.94013 13.6465 3.0199 12.9442L0.471444 10.9317C-0.0138678 10.5443 -0.142479 9.85504 0.169925 9.31583L2.82354 4.6795C3.12393 4.13864 3.7737 3.90491 4.345 4.13236L7.35678 5.35505C7.92181 4.94337 8.52544 4.58856 9.15897 4.29571L9.62105 1.06408C9.70661 0.451033 10.2279 -0.00363585 10.841 8.28791e-05H16.1551C16.7733 -0.00500303 17.2989 0.454807 17.382 1.07343L17.8429 4.29576C18.4784 4.58582 19.083 4.94036 19.6474 5.3539L22.6511 4.13356C23.2284 3.9129 23.8787 4.14947 24.1841 4.6912L26.8354 9.31933C27.1396 9.85767 27.0119 10.5394 26.5339 10.9282L23.9831 12.9418C24.0621 13.6442 24.0621 14.3534 23.9831 15.0558ZM8 13.95C8 17.0214 10.4625 19.5111 13.5 19.5111C16.536 19.5075 18.9963 17.0198 19 13.95C19 10.8787 16.5376 8.38893 13.5 8.38893C10.4624 8.38893 8 10.8787 8 13.95Z"
fill="currentColor"
/>
</svg>
);
};
export default SettingsIconSolid;