66 lines
2.0 KiB
JavaScript
66 lines
2.0 KiB
JavaScript
import legalTechFlip from "../Assets/Images/legalTechFlip.jpg";
|
|
import { ExclamationTriangle } from "react-bootstrap-icons";
|
|
const MobileContent = ({ isDashboard }) => {
|
|
const copy = isDashboard ? (
|
|
<>
|
|
<div>
|
|
<p className="mobile-text-dashboard">
|
|
Novodraft is a desktop application. The functionailty of your
|
|
Dashboard in mobile mode is limited to displaying stats and important
|
|
notifications.
|
|
</p>
|
|
<p className="mobile-text-dashboard">
|
|
Please login on your desktop device to use all of the functions your
|
|
Dashboard.
|
|
</p>
|
|
</div>
|
|
</>
|
|
) : (
|
|
"Novodraft is a desktop application. Please login on your desktop device to use this feature."
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<div className="mobile-content-container">
|
|
{!isDashboard ? (
|
|
<>
|
|
<div className="mobile-divider"></div>
|
|
<div className="features-top-mobile-img">
|
|
<img className="features-image-one" src={legalTechFlip} />
|
|
</div>
|
|
</>
|
|
) : (
|
|
<>
|
|
<div>
|
|
<div className="notication-container">
|
|
<strong>Notification Center</strong>
|
|
<div className="notication-text-container">
|
|
<p>
|
|
<ExclamationTriangle
|
|
style={{ color: "red", marginBottom: "5px" }}
|
|
/>
|
|
</p>
|
|
<p className="notification-text">No new notifications</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)}
|
|
<div className="lower-foo">
|
|
{isDashboard ? (
|
|
<>
|
|
<div className="mobile-divider"></div>
|
|
<div className="mobile-info-heading-dashboard">{copy}</div>
|
|
<div className="mobile-divider"></div>
|
|
</>
|
|
) : (
|
|
<div className="mobile-info-heading">{copy}</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default MobileContent;
|