change(ui) - text changes in login pages (#1095)

frontend/app/components/ForgotPassword/ForgotPassword.js

@@ -249,6 +249,7 @@ export default class ForgotPassword extends React.PureComponent {
             </div>
           </div>
         </div>
+        <Copyright />
       </div>
     );
   }

frontend/app/components/Login/Login.js

@@ -197,6 +197,8 @@ class Login extends React.Component {
 
           </div>
         </div>
+
+        <Copyright />
       </div>
     );
   }

frontend/app/components/Signup/Signup.js

@@ -11,6 +11,7 @@ import { getHealthRequest } from 'Components/Header/HealthStatus/getHealth';
 import { login } from 'App/routes';
 import { withRouter } from 'react-router-dom';
 import { fetchTenants } from 'Duck/user';
+import Copyright from 'Shared/Copyright';
 
 const LOGIN_ROUTE = login();
 const BulletItem = ({ text }) => (
@@ -87,33 +88,13 @@ export default class Signup extends React.Component {
 
     return (
       <div className="flex justify-center items-center gap-6" style={{ height: '100vh' }}>
-        {/* <div className={cn('relative overflow-hidden')}>
-          <div className="text-lg flex items-center" style={{ width: '350px'}}>
-            <div>
-              <div className="flex items-end text-3xl font-bold mb-6">
-                <div className="">
-                  <img src="/assets/logo.svg" width={200}/>
-                </div>{' '}
-                <div className="ml-2 text-lg color-gray-medium">
-                  Cloud
-                </div>
-              </div>
-              <div className="border-b pb-2 mb-2">OpenReplay Cloud is the hosted version of our <a className="link" href="https://github.com/openreplay/openreplay" target="_blank">open-source</a> project.</div>
-              <div>We’ll manage hosting, scaling and upgrades.</div>
-
-              <div className="mt-8">
-                <BulletItem text="First 1K sessions free every month." />
-                <BulletItem text="Pay per use, cancel anytime" />
-                <BulletItem text="Community, Slack & email support" />
-              </div>
-            </div>
-          </div>
-        </div> */}
         <div className="flex items-center justify-center">
           <div className="">
             <SignupForm />
           </div>
         </div>
+
+        <Copyright />
       </div>
     );
   }

frontend/app/components/shared/Copyright.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Copyright() {
+    return (
+        <div className="fixed bottom-0 m-auto text-center mb-6 color-gray-medium">
+          © 2023 OpenReplay. All rights reserved. <a className="underline" href="https://openreplay.com/privacy.html" target="_blank">Privacy</a> and <a className="underline" href="https://openreplay.com/terms.html" target="_blank">terms</a>.
+        </div>
+    );
+}
+
+export default Copyright;