Browse Source

added terms & privacy

jusrhee 5 years ago
parent
commit
4584c3ac77
2 changed files with 39 additions and 0 deletions
  1. 20 0
      dashboard/src/main/Login.tsx
  2. 19 0
      dashboard/src/main/Register.tsx

+ 20 - 0
dashboard/src/main/Login.tsx

@@ -167,6 +167,13 @@ export default class Login extends Component<PropsType, StateType> {
             </Helper>
             </Helper>
           </FormWrapper>
           </FormWrapper>
         </LoginPanel>
         </LoginPanel>
+
+        <Footer>
+          © 2021 Porter Technologies Inc. | 
+          <Link href="https://docs.getporter.dev/docs/terms-of-service" target="_blank">
+            Terms & Privacy
+          </Link>
+        </Footer>
       </StyledLogin>
       </StyledLogin>
     );
     );
   }
   }
@@ -174,6 +181,19 @@ export default class Login extends Component<PropsType, StateType> {
 
 
 Login.contextType = Context;
 Login.contextType = Context;
 
 
+const Footer = styled.div`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  margin-bottom: 30px;
+  width: 100vw;
+  text-align: center;
+  color: #aaaabb;
+  font-size: 13px;
+  padding-right: 8px;
+  font: Work Sans, sans-serif;
+`;
+
 const DarkMatter = styled.div`
 const DarkMatter = styled.div`
   margin-top: -10px;
   margin-top: -10px;
 `;
 `;

+ 19 - 0
dashboard/src/main/Register.tsx

@@ -182,6 +182,12 @@ export default class Register extends Component<PropsType, StateType> {
             </Helper>
             </Helper>
           </FormWrapper>
           </FormWrapper>
         </LoginPanel>
         </LoginPanel>
+        <Footer>
+          © 2021 Porter Technologies Inc. | 
+          <Link href="https://docs.getporter.dev/docs/terms-of-service" target="_blank">
+            Terms & Privacy
+          </Link>
+        </Footer>
       </StyledRegister>
       </StyledRegister>
     );
     );
   }
   }
@@ -189,6 +195,19 @@ export default class Register extends Component<PropsType, StateType> {
 
 
 Register.contextType = Context;
 Register.contextType = Context;
 
 
+const Footer = styled.div`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  margin-bottom: 30px;
+  width: 100vw;
+  text-align: center;
+  color: #aaaabb;
+  font-size: 13px;
+  padding-right: 8px;
+  font: Work Sans, sans-serif;
+`;
+
 const DarkMatter = styled.div`
 const DarkMatter = styled.div`
   margin-top: -10px;
   margin-top: -10px;
 `;
 `;