privacy page updated

src/components/player/MainPlayer.js

@@ -541,7 +541,6 @@ const MainPlayer = ({ location, history }) => {
         {returnMaximizedPlayer()}
         {returnMinimizedPlayer()}
         <audio
-          crossOrigin="anonymous"
           // onTimeUpdate={timeUpdate}
           onLoadStart={() => {
             setAudioState("loading");

src/components/sections/PrivacyPage.js

@@ -1,80 +1,81 @@
 import React from "react";
-import styled from "styled-components";
-
-const MainComponent = styled.main`
-  * {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
-      Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-    text-align: center;
-  }
-
-  a {
-    text-decoration: none;
-    font-size: 1.3em;
-    padding: 30px;
-  }
-
-  div {
-    border: 2px solid rgba(255, 255, 255, 0.781);
-    max-width: 525px;
-    padding: 10px;
-    margin: 0 auto;
-  }
-`;
+import { Typography, Divider, Container, Link } from "@material-ui/core";
 
 const PrivacyPage = () => {
   return (
-    <MainComponent>
+    <Container maxWidth="sm">
+      <br />
       <header>
-        <h1>Our Privacy and Policy </h1>
+        <Typography variant="h5" gutterBottom={true}>
+          Our Privacy and Policy{" "}
+        </Typography>
       </header>
-      <hr />
+      <Divider />
+      <br />
       <section>
-        <h2>
-          We don't collect or share personal information.
+        <Typography gutterBottom={true} variant="subtitle1">
+          Shivam built the Ylight app as an Open Source app. This SERVICE is
+          provided by Shivam at no cost and is intended for use as is.
+          <br />
+          This page is used to inform visitors regarding my policies with the
+          collection, use, and disclosure of Personal Information if anyone
+          decided to use my Service.
+          <br />
+          The terms used in this Privacy Policy have the same meanings as in our
+          Terms and Conditions, which is accessible at Ylight unless otherwise
+          defined in this Privacy Policy.
           <br />
-        </h2>
+        </Typography>
+        <Typography variant="h6"> Information Collection and Use</Typography>
+        <Typography gutterBottom={true}>
+          We never ask you for any of your personal information and device info,
+          all the data stays on your device and our Service(s) are intended to
+          work from the client-side so you never need to worry about your data
+          being collected on our servers.
+        </Typography>
+        <Typography variant="h6">Log Data</Typography>
+        <Typography gutterBottom={true}>
+          I want to inform you that whenever you use my Service, you never have
+          to worry about any login data or Google OAuth as it works without you
+          having to sign-in by any login method to use our Service(s)
+        </Typography>
+        <Typography variant="h6">Service Providers</Typography>
+        <Typography gutterBottom={true}>
+          I never employ any third-party companies and individuals except
+          YouTube and other related Google services.
+        </Typography>
+
+        <Typography variant="h6">Security</Typography>
+
+        <Typography gutterBottom={true}>
+          I value your trust in providing us your Personal Information, thus we
+          are striving to use commercially acceptable means of protecting it. We
+          never store your any personal information on our services. Our Service
+          is intended to function fully from the client-side without data being
+          collected to our servers.
+        </Typography>
+
+        <Typography variant="h6">Changes to This Privacy Policy</Typography>
+
+        <Typography gutterBottom={true}>
+          I may update our Privacy Policy from time to time. Thus, you are
+          advised to review this page periodically for any changes. I will
+          notify you of any changes by posting the new Privacy Policy on this
+          page. These changes are effective immediately after they are posted on
+          this page.
+        </Typography>
 
-        <p>That's our privacy policy in a nutshell.</p>
-        <div>
-          <p>
-            If you will sign in with Google OAuth
-            <br />
-            <br />
-            We will fetch the your liked videos from your youtube account and
-            those videos will be shown to you in the liked page.
-            <br />
-            <br />
-            If you want to like or dislike a particular song you can also do
-            that they app will have the basic read write access to your YouTube
-            account.
-            <br />
-            <br />
-            We will not use any addition information rather than these, and all
-            the things are happening in client side only there is no database or
-            server involved in storing any of your data
-          </p>
-          <p>
-            We will store some of our information in your browser local stoarge
-            <br />
-            Like login credentials, your country, liked songs and songs history.
-          </p>
+        <Typography variant="h6">Contact Us</Typography>
 
-          <p>
-            Distribution or downloading of any song is illegal and copyrighted,
-            <br />
-            All the songs are hosted on YouTube we don't own any of the song
-          </p>
-          <p>
-            Apart from that you can stream to unlimited song without any ads.
-            <br />
-            This is an open source project for any issues please contact me
-            <br />
-          </p>
-          <a href="mailto:[email protected]">[email protected]</a>
-        </div>
+        <Typography gutterBottom={true}>
+          If you have any questions or suggestions about my Privacy Policy, do
+          not hesitate to contact me at{" "}
+          <Link href="mailto:[email protected]" target="self">
+            [email protected]
+          </Link>
+        </Typography>
       </section>
-    </MainComponent>
+    </Container>
   );
 };