refactor: added feedback form link

errsole · Sep 6, 2024 · e438f45 · e438f45
1 parent 4b60a7e
commit e438f45
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 6 deletions.
diff --git a/lib/web/assets/css/app.css b/lib/web/assets/css/app.css
@@ -227,6 +227,23 @@ body {
   border-radius: 5px;
 }
 
+.all-useful-links {
+  background: white;
+  padding: 25px;
+  margin-top: 50px;
+  margin-bottom: 20px;
+  border: 1px solid #dedede;
+  border-radius: 5px;
+}
+
+.data-retention {
+  background: white;
+  padding: 25px;
+  margin-top: 70px;
+  border: 1px solid #dedede;
+  border-radius: 5px;
+}
+
 .submenu ul {
   background: #001628 !important;
   box-shadow: none !important;
@@ -398,4 +415,8 @@ body {
 
 .no-log-panel p {
   margin: 0px !important;
+}
+
+.feedback-message p {
+  margin: 0px;
 }
diff --git a/lib/web/src/components/DataRetention.js b/lib/web/src/components/DataRetention.js
@@ -111,8 +111,8 @@ class DataRetention extends React.Component {
       <>
         <Row>
           <Col span={20} offset={2}>
-            <Content className='all-users'>
-              <Content className='setting-user'>
+            <Content className='data-retention'>
+              <Content>
                 <h1>Data Retention</h1>
                 <Divider />
                 <Form layout='horizontal'>

diff --git a/lib/web/src/components/Developers.js b/lib/web/src/components/Developers.js
@@ -155,7 +155,7 @@ class Developers extends React.Component {
         <Row>
           <Col span={20} offset={2}>
             <Content className='all-users'>
-              <Content className='setting-user'>
+              <Content>
                 <h1>Developers</h1>
                 {isAdmin &&
                   <Form layout='inline'>

diff --git a/lib/web/src/components/UsefulLinks.js b/lib/web/src/components/UsefulLinks.js
@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
 import { withRouter } from 'react-router-dom';
 
 /* Ante UI */
-import { Layout, Divider, Row, Col, List } from 'antd';
+import { Layout, Divider, Row, Col, List, Alert } from 'antd';
 
 const { Content } = Layout;
 
@@ -15,12 +15,15 @@ class UsefulLinks extends React.Component {
   }
 
   render () {
+    const feedbackMessage = <p> Let us know how we are doing. Share your feedback here. <a href='https://forms.gle/1pJ3jrNH2BSd3mu29' target='_blank' rel='noopener noreferrer'>https://forms.gle/1pJ3jrNH2BSd3mu29</a></p>;
+
     return (
       <>
         <Row>
           <Col span={20} offset={2}>
-            <Content className='all-users'>
-              <Content className='setting-user'>
+            <br /><br /><Alert className='feedback-message' message={feedbackMessage} type='info' />
+            <Content className='all-useful-links'>
+              <Content>
                 <h1>Useful Links</h1>
                 <Divider />
                 <List itemLayout='horizontal'>