feedback feature

src/sass/views/feedback/rateAppStore.scss

@@ -0,0 +1,12 @@
+#rate-app-store {
+  .title {
+    font-size: 20px;
+    font-weight: bold;
+    color: $dark-gray;
+    margin: 20px 10px;
+    text-align: center;
+  }
+  .subtitle {
+    padding: 10px 30px 20px 40px;
+  }
+}

src/sass/views/feedback/sendFeedBack.scss

@@ -0,0 +1,33 @@
+#send-feedback {
+  background-color: #fff;
+  .title {
+    font-size: 20px;
+    font-weight: bold;
+    color: $dark-gray;
+    margin: 20px 10px;
+  }
+  .star {
+    margin: 20px 0px;
+  }
+  a {
+    font-size: 25px;
+    padding: 12px;
+    .gold {
+      color: #ffd700 !important;
+    }
+    .grey {
+      color: #667 !important;
+    }
+  }
+  .comment {
+    padding: 20px;
+    font-size: 1rem;
+    line-height: 1.5em;
+    font-weight: 300;
+    color: $dark-gray;
+  }
+  textarea {
+    padding: 10px;
+    width: 100%;
+  }
+}

src/sass/views/feedback/thanks.scss

@@ -0,0 +1,12 @@
+#thanks-feedback {
+  .title {
+    font-size: 20px;
+    font-weight: bold;
+    color: $dark-gray;
+    margin: 20px 10px;
+    text-align: center;
+  }
+  .subtitle {
+    padding: 10px 30px 20px 40px;
+  }
+}

src/sass/views/tab-home.scss

@@ -116,6 +116,23 @@
     font-size: 20px;
     margin-left: 10px;
     position: absolute;
+    }
   }
+  .starts {
+    display: flex;
+    border-bottom: none;
+    .button {
+      background-color: #fff;
+      width: 100%;
+    }
+    .gold {
+      color: #ffd700 !important;
+    }
+    .grey {
+      color: #667 !important;
+    }
+  }
+  .continue-button {
+    padding: 20px;
   }
 }

src/sass/views/views.scss

@@ -17,6 +17,9 @@
 @import "wallet-backup-phrase";
 @import "zero-state";
 @import "onboarding/onboarding";
+@import "feedback/sendFeedback";
+@import "feedback/thanks";
+@import "feedback/rateAppStore";
 @import "includes/actionSheet";
 @import "export";
 @import "import";