Update components

Author: lukitsbrian

components/Modal/Action.vue

@@ -118,27 +118,27 @@
             v-if="[defaultStep, feeStep, signStep].includes(step)"
             class="action-modal-group"
           >
-            <Button
+            <CommonButton
               id="closeBtn"
               value="Cancel"
               type="secondary"
               @click.native="close"
             />
-            <Button
+            <CommonButton
               v-if="requiresSignIn"
               v-focus
               value="Sign In"
               type="primary"
               @click.native="goToSession"
               @click.enter.native="goToSession"
             />
-            <Button
+            <CommonButton
               v-else-if="sending"
               value="Sending..."
               disabled="disabled"
               type="primary"
             />
-            <Button
+            <CommonButton
               v-else-if="step !== signStep"
               ref="next"
               type="primary"
@@ -147,7 +147,7 @@
               :disabled="disabled || !balancesLoaded"
               @click.native="validateChangeStep"
             />
-            <Button
+            <CommonButton
               v-else
               type="primary"
               value="Send"

components/Modal/Stake.vue

@@ -43,7 +43,7 @@
           type="number"
           @keyup.enter.native="enterPressed"
         />
-        <Button
+        <CommonButton
           type="button"
           class="secondary addon-max"
           value="Max"

components/Modal/Unstake.vue

@@ -42,7 +42,7 @@
           type="number"
           @keyup.enter.native="enterPressed"
         />
-        <Button
+        <CommonButton
           type="button"
           class="secondary addon-max"
           value="Set Max"

components/address/NewSeedStep.vue

@@ -34,7 +34,7 @@
       </CommonFormGroup>
     </div>
     <div class="session-footer">
-      <Button value="Next" type="submit" />
+      <CommonButton value="Next" type="submit" />
     </div>
   </Form>
 </template>

components/address/PasswordStep.vue

@@ -47,7 +47,7 @@
         />
       </CommonFormGroup>
       <div class="session-footer">
-        <Button value="Next" type="submit" />
+        <CommonButton value="Next" type="submit" />
       </div>
     </div>
   </Form>

components/common/UserMenu.vue

@@ -10,7 +10,7 @@
       </i>
     </div>
     <template v-else>
-      <Button
+      <CommonButton
         value="Get Started"
         class="menu-button"
         type="secondary"

components/governance/ParticipantList.vue

@@ -43,7 +43,7 @@
       </li>
     </ul>
     <div v-if="moreAvailable" class="loadmore-button-container">
-      <Button
+      <CommonButton
         id="loadMoreBtn"
         value="Load More"
         type="secondary"

components/governance/ProposalHeader.vue

@@ -12,15 +12,15 @@
 
         <div class="buttons">
           <CopyButton :value="currentRoute" />
-          <Button
+          <CommonButton
             v-if="status.value === governanceStatusEnum.DEPOSITING"
             id="deposit-btn"
             class="action-button"
             value="Deposit"
             color="primary"
             @click.native="$emit(`open-deposit-modal`)"
           />
-          <Button
+          <CommonButton
             v-if="status.value === governanceStatusEnum.VOTING"
             id="vote-btn"
             class="action-button"

pages/explore/index.vue

@@ -18,7 +18,7 @@
       </CommonFormGroup>
     </div>
     <div class="session-footer">
-      <Button value="Explore" />
+      <CommonButton value="Explore" />
     </div>
   </Form>
 </template>

pages/extension/index.vue

@@ -4,7 +4,7 @@
       <h2 class="session-title">Lunie Browser Extension</h2>
 
       <div v-if="!filteredAccounts.length && !initialized" class="session-main">
-        <Button
+        <CommonButton
           value="Connect Lunie Extension"
           :loading="loading"
           @click.native="connect"
@@ -27,7 +27,7 @@
           Below is a list of accounts we've received from the Lunie browser
           extension.
         </p>
-        <AccountList
+        <AddressAccountList
           :accounts="filteredAccounts"
           :button-action="signInAndRedirect"
           :button-text="`Use Account`"