subnub
128 lines
4.7 KiB
React
128 lines
4.7 KiB
React
import React from "react";
|
|
|
|
class MoverModel extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className="modal__wrap" style="display:none;">
|
|
<div className="inner__modal">
|
|
<div className="destination__modal">
|
|
<div className="destination__head">
|
|
<h2>Choose destination</h2>
|
|
<div className="close__modal">
|
|
<a href="#">
|
|
<img src="/assets/close.svg" alt="close" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div className="destination__structure">
|
|
<div className="folder__structure">
|
|
<div className="elem__structure">
|
|
<div className="parent__structure">
|
|
<span>
|
|
<i className="fas fa-caret-right"></i>
|
|
</span>
|
|
<div className="info__name">
|
|
<p>myDrive</p>
|
|
</div>
|
|
</div>
|
|
<div className="child__structure" style="display:none;">
|
|
<div className="elem__structure">
|
|
<div className="parent__structure">
|
|
<span>
|
|
<i className="fas fa-caret-right"></i>
|
|
</span>
|
|
<div className="info__name">
|
|
<p>
|
|
<span>
|
|
<i className="fas fa-folder"></i>
|
|
</span>
|
|
Images
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="child__structure" style="display:none;">
|
|
<div className="elem__structure">
|
|
<div className="parent__structure last__structure">
|
|
<div className="info__name">
|
|
<p>
|
|
<span>
|
|
<i className="fas fa-folder"></i>
|
|
</span>
|
|
Videos
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="child__structure" style="display:none;">
|
|
<div className="elem__structure">
|
|
<div className="parent__structure">
|
|
<span>
|
|
<i className="fas fa-caret-right"></i>
|
|
</span>
|
|
<div className="info__name">
|
|
<p>
|
|
<span>
|
|
<i className="fas fa-folder"></i>
|
|
</span>
|
|
Images
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="child__structure" style="display:none;">
|
|
<div className="elem__structure">
|
|
<div className="parent__structure last__structure">
|
|
<div className="info__name">
|
|
<p>
|
|
<span>
|
|
<i className="fas fa-folder"></i>
|
|
</span>
|
|
Videos
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="elem__structure">
|
|
<div className="parent__structure">
|
|
<span>
|
|
<i className="fas fa-caret-right"></i>
|
|
</span>
|
|
<div className="info__name">
|
|
<p>Amazon S3</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="elem__structure">
|
|
<div className="parent__structure">
|
|
<span>
|
|
<i className="fas fa-caret-right"></i>
|
|
</span>
|
|
<div className="info__name">
|
|
<p>Google Drive</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="destination__move">
|
|
<a href="#">Move To Folder</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default MoverModel;
|