cleaning up

Author: Jessica Peng

src/components/MewChart/MewChart.vue

@@ -11,7 +11,7 @@ name: 'MewChart',
 extends: Line,
   props: {
     /**
-     * Chart Data - takes in x and y attribute, i.e, { x: [], y: []}
+     * Chart Data - takes a x and y attribute, i.e, { x: [], y: []}
      */
     data: {
       type: Object,

stories/GlobalStorybook.scss

@@ -7,7 +7,6 @@
 #story--mewsuperbutton--content-slot-button, 
 #story--mewbanner--mew-banner,
 #story--mewwarningsheet--mew-warning-sheet
-#story--mewblockie--mew-blockie,
 #story--mewtoast--mew-toast,
 #story--mewstepper--mew-stepper,
 #story--mewtoggle--mew-toggle,
@@ -49,7 +48,8 @@
 #story--mewchart--mew-chart,
 #story--mewmenu--mew-menu,
 #story--mewprogressbar--mew-progress-bar,
-#story--mewswitch--mew-switch
+#story--mewswitch--mew-switch,
+#story--mewblockie--mew-blockie
  {
   .v-application {
     height: 80px;

stories/MewBadge/MewBadge.mdx

@@ -7,7 +7,7 @@ import './../GlobalStorybook.scss'
 `<mew-badge />`
 
 ## Overview
-MEW Badge is used to display quick information. It is mainly used for mew-notification at the moment. There are 5 different types ('in', 'out', 'swap, 'error', 'warning').
+MEW Badge is used to display quick information. It is mainly used for mew-notification at the moment. There are 5 different types (in, out, swap, error, warning).
 Each one displays a different color for better readability. You can set the title by passing a string to **badgeTitle**.
 
 

stories/MewBanner/MewBanner.mdx

@@ -14,7 +14,7 @@ if the image is not passed, the default MEW picture will be displayed.
 There is also a **textObj** prop that is used to display text on the banner. It contains the following attributes: <br />
 **title**: this value is used to display the Dapp’s Name. <br />
 **subtext**: this value is used to display a short sentence description about the dapp. <br />
-**exit**: this value is used to replace the action button text. The default value is ‘Exit Dapp’. <br />
+**exit**: this value is used to replace the action button text. The default value is 'Exit Dapp'. <br />
 <b>Codepen</b>: <a target="_blank" href="https://codepen.io/gesseekur/pen/JjGOxBa" id="Bar">Click here</a>
 
 ## Props

stories/MewBlockie/MewBlockie.mdx

@@ -3,10 +3,10 @@ import { Story, Preview, Props } from '@storybook/addon-docs/blocks';
 import MewBlockie from '@/components/MewBlockie/MewBlockie.vue';
 import './../GlobalStorybook.scss'
 
-# MewBlockie
-The MewBlockie component is used to display the circular Ethereum address identicon, which is used to identify that the user is using or sending to the correct address. This component has several props. The correct ethereum address string prop is required in order to display the information. The currency prop is used to show a small currency icon within the identicon.
+# MEW Blockie
+The mew-blockie component is used to display the circular Ethereum address identicon,
+ which is used to identify that the user is using or sending to the correct address. This component has several props. The correct ethereum address string prop is required in order to display the information. The currency prop is used to show a small currency icon within the identicon.
 An icon comes with predefined icon sizes, which can be edited.
-<p>*Need: Infographic*</p>
 
 ## Props
 <Props of={MewBlockie} />

stories/MewBlockie/MewBlockie.stories.js

@@ -18,7 +18,7 @@ export default {
   decorators: [withKnobs]
 };
 
-export const mewBlockie = () => ({
+export const MEWBlockie = () => ({
   components: { MewBlockie },
   props: {
     address: {

stories/MewExpandPanel/MewExpandPanel.mdx

@@ -11,7 +11,7 @@ The mew-expand-panel component provides a way to organize and display different
 The color theme is controlled by the **isGreyTheme** prop. The **isAccordion** prop removes the margins around the panels so it will share one border if passed true.
 You can control which panel is expanded by passing an array of the indexes to the **idxToExpand** prop. Each panel body is customizable and is set by passing a slot, **panelBody** + **the panel number** (index + 1) - i.e. *panelBody1*.
 You can set the header title of each panel by passing an obj with the **name** attribute to the **panelItems** array. This will also let the component know how many panels there are. If you would like text next to the toggle button,
-then pass a string to the **toggleTitle** attribute in the same panel obj.
+then pass a string to the **toggleTitle** attribute in the same panelItems obj.
 <Props of={MewExpandPanel} />
 <Preview><Story id="mewexpandpanel--mew-expand-panel" /></Preview>
 

stories/MewOverlay/MewOverlay.stories.js

@@ -31,11 +31,6 @@ const sizes = {
 }
 
 export const MEWOverlay = () => ({
-  data() {
-    return {
-      showsOverlay: false
-    }
-  },
   components: { MewOverlay },
   props: {
     showOverlay: {
@@ -64,9 +59,6 @@ export const MEWOverlay = () => ({
     enableDarkMode(newVal) {
       this.$vuetify.theme.dark = newVal === true ? true : false;
     },
-    showOverlay(newVal) {
-      this.showsOverlay = newVal;
-    }
   },
   methods: {
     close() {

stories/MewSelect/MewSelect.mdx

@@ -9,8 +9,8 @@ import './../GlobalStorybook.scss'
 ## Overview
 MEW select replaces Vuetify's v-select with acceptable MEW theme options. It is used as a way to collect 
 information from a list of options. There are two main styles to this component, one which is the default style
-and the other which will show more customized options like adding a filter or icon. This is enabled by the 
-**isCustom** prop. This style is mainly used to display tokens in the wallet pages.
+and the other one which will show more customized options like adding a filter input or icon. This is enabled by the 
+**isCustom** prop. This style is mainly used to display tokens on the wallet pages.
 
 ## Props
 <Props of={MewSelect} />