Skip to content

Commit 753bf91

Browse files
gamalielheregamalielhere
committedJan 24, 2023
devop: update package, run lint
1 parent bd2acec commit 753bf91

File tree

11 files changed

+166
-66
lines changed

11 files changed

+166
-66
lines changed
 

‎CHANGELOG.md

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
1+
### 1.4.1
2+
3+
- dark theme notification slot color issues [#336](https://github.com/MyEtherWallet/mew-components/pull/336)
4+
15
### 1.4.0
26

3-
- dark mode [#333](https://github.com/MyEtherWallet/mew-components/pull/333)
47
- new popup [#328](https://github.com/MyEtherWallet/mew-components/pull/328)
58
- new popup [#328](https://github.com/MyEtherWallet/mew-components/pull/328)
69

‎package-lock.json

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@myetherwallet/mew-components",
3-
"version": "1.4.0",
3+
"version": "1.4.1",
44
"description": "MEW Components",
55
"main": "dist/mew-components.umd.js",
66
"module": "dist/mew-components.esm.js",

‎src/components/MewButton/MewButton.vue

+4-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,10 @@
2525
<!-- ===================================================================================== -->
2626
<!-- Button text (if no title prop is passed, then slot should be used) -->
2727
<!-- ===================================================================================== -->
28-
<span v-if="title" class="font-weight-regular reset-text-style">
28+
<span
29+
v-if="title"
30+
class="font-weight-regular reset-text-style"
31+
>
2932
{{ title }}
3033
</span>
3134
<!-- ===================================================================================== -->

‎src/components/MewIconButton/MewIconButton.vue

+4-1
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,10 @@
5858
Loaded Button Content
5959
=====================================================================================
6060
-->
61-
<div v-if="!loading" class="d-flex justify-center align-center">
61+
<div
62+
v-if="!loading"
63+
class="d-flex justify-center align-center"
64+
>
6265
<!--
6366
=====================================================================================
6467
Button text (if no title prop is passed, then slot should be used)

‎src/components/MewModule/MewModule.vue

+20-10
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,10 @@
1919
=====================================================================================
2020
-->
2121
<v-container fluid>
22-
<v-row align="center" justify="space-between">
22+
<v-row
23+
align="center"
24+
justify="space-between"
25+
>
2326
<div
2427
:class="[
2528
'left-wrapper pl-8 mt-2 d-flex flex-row',
@@ -29,7 +32,10 @@
2932
hasIndicator ? 'indicator pl-md-13' : ''
3033
]"
3134
>
32-
<div v-if="showIcon(icon)" class="left-icon mr-2">
35+
<div
36+
v-if="showIcon(icon)"
37+
class="left-icon mr-2"
38+
>
3339
<mew-token-container
3440
v-if="iconAlign.toLowerCase() === iconAlignments.left"
3541
:img="icon"
@@ -41,24 +47,25 @@
4147
<span
4248
v-if="subtitle"
4349
class="mew-heading-3 textPrimaryModule--text text-uppercase"
44-
>{{ subtitle }}</span
45-
>
50+
>{{ subtitle }}</span>
4651
<span
4752
v-if="title"
4853
:class="['titlePrimary--text d-flex align-center', titleSize]"
49-
>{{ title }}
54+
>{{ title }}
5055
<mew-tooltip
5156
v-if="mewTooltipText"
5257
class="mb-1 ml-1"
5358
:text="mewTooltipText"
54-
/></span>
59+
/></span>
5560
<span
5661
v-if="caption"
5762
class="mew-body textSecondaryModule--text font-weight-bold"
58-
>{{ caption }}</span
59-
>
63+
>{{ caption }}</span>
6064
</div>
61-
<div v-if="showIcon(icon)" class="right-icon">
65+
<div
66+
v-if="showIcon(icon)"
67+
class="right-icon"
68+
>
6269
<mew-token-container
6370
v-if="iconAlign.toLowerCase() === iconAlignments.right"
6471
:img="icon"
@@ -87,7 +94,10 @@
8794
Module Body
8895
=====================================================================================
8996
-->
90-
<v-row align="center" justify="center">
97+
<v-row
98+
align="center"
99+
justify="center"
100+
>
91101
<!--
92102
=====================================================================================
93103
Slot: moduleBody (used to place custom ui on the body content)

‎src/components/MewNotification/MewNotification.vue

+35-10
Original file line numberDiff line numberDiff line change
@@ -18,17 +18,23 @@
1818
class="px-2 py-0"
1919
:color="backgroundColor"
2020
>
21-
<v-container fluid class="px-0">
21+
<v-container
22+
fluid
23+
class="px-0"
24+
>
2225
<v-row dense>
23-
<v-col class="d-flex align-center" cols="8">
26+
<v-col
27+
class="d-flex align-center"
28+
cols="8"
29+
>
2430
<!-- ===================================================================================== -->
2531
<!-- Displays indicator if notification not read -->
2632
<!-- ===================================================================================== -->
2733
<div
2834
v-if="
2935
$vuetify.breakpoint.smAndUp &&
30-
!notification.read &&
31-
showIndicator
36+
!notification.read &&
37+
showIndicator
3238
"
3339
:class="[
3440
getClasses(notification.status.value.toLowerCase()),
@@ -53,7 +59,10 @@
5359
<!-- ===================================================================================== -->
5460
<!-- Displays swap icons if it is a swap notification -->
5561
<!-- ===================================================================================== -->
56-
<div v-else class="d-flex flex-column currency-symbol ml-2">
62+
<div
63+
v-else
64+
class="d-flex flex-column currency-symbol ml-2"
65+
>
5766
<MewTokenContainer
5867
:img="
5968
notification.fromObj.icon
@@ -121,7 +130,10 @@
121130
</div>
122131
</div>
123132
</v-col>
124-
<v-col cols="4" class="text-right pr-2">
133+
<v-col
134+
cols="4"
135+
class="text-right pr-2"
136+
>
125137
<mew-badge
126138
:badge-title="notification.type.string"
127139
:badge-type="getBadgeType"
@@ -136,11 +148,20 @@
136148
</v-container>
137149
</v-expansion-panel-header>
138150

139-
<v-expansion-panel-content class="pa-0" :color="backgroundColor">
151+
<v-expansion-panel-content
152+
class="pa-0"
153+
:color="backgroundColor"
154+
>
140155
<div class="expanded-container capitalize">
141156
<v-container>
142-
<v-row v-for="(detail, idx) in getDetails" :key="idx">
143-
<v-col cols="6" class="textPrimary--text">
157+
<v-row
158+
v-for="(detail, idx) in getDetails"
159+
:key="idx"
160+
>
161+
<v-col
162+
cols="6"
163+
class="textPrimary--text"
164+
>
144165
{{ detail.string }}:
145166
</v-col>
146167
<v-col
@@ -162,7 +183,11 @@
162183
hide-icon
163184
>
164185
<template #activatorSlot="{ on }">
165-
<a :href="detail.link" target="_blank" v-on="on">
186+
<a
187+
:href="detail.link"
188+
target="_blank"
189+
v-on="on"
190+
>
166191
<mew-transform-hash :hash="detail.value" />
167192
</a>
168193
</template>

‎src/components/MewOverlay/MewOverlay.vue

+40-10
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,15 @@
1818
class="mobile-title-block pa-3 d-flex align-center justify-space-between full-width"
1919
>
2020
<div style="min-width: 36px">
21-
<v-btn v-if="back" icon color="textBlack2" @click="back">
22-
<v-icon size="24"> mdi-arrow-left </v-icon>
21+
<v-btn
22+
v-if="back"
23+
icon
24+
color="textBlack2"
25+
@click="back"
26+
>
27+
<v-icon size="24">
28+
mdi-arrow-left
29+
</v-icon>
2330
</v-btn>
2431
</div>
2532
<h3
@@ -29,8 +36,18 @@
2936
{{ title }}
3037
</h3>
3138
<div style="min-width: 36px">
32-
<v-btn v-if="close" icon color="textBlack2" @click="close">
33-
<v-icon size="24" color="textBlack2"> mdi-close </v-icon>
39+
<v-btn
40+
v-if="close"
41+
icon
42+
color="textBlack2"
43+
@click="close"
44+
>
45+
<v-icon
46+
size="24"
47+
color="textBlack2"
48+
>
49+
mdi-close
50+
</v-icon>
3451
</v-btn>
3552
</div>
3653
</div>
@@ -55,7 +72,9 @@
5572
fab
5673
@click="back"
5774
>
58-
<v-icon size="24"> mdi-arrow-left </v-icon>
75+
<v-icon size="24">
76+
mdi-arrow-left
77+
</v-icon>
5978
</v-btn>
6079
<v-btn
6180
v-if="close && !isMobile"
@@ -72,9 +91,17 @@
7291
]"
7392
@click="close"
7493
>
75-
<v-icon size="24" color="textBlack2"> mdi-close </v-icon>
94+
<v-icon
95+
size="24"
96+
color="textBlack2"
97+
>
98+
mdi-close
99+
</v-icon>
76100
</v-btn>
77-
<v-container :class="['ma-0 pa-0', isMobile ? 'full-height' : '']" fluid>
101+
<v-container
102+
:class="['ma-0 pa-0', isMobile ? 'full-height' : '']"
103+
fluid
104+
>
78105
<!-- ===================================================================================== -->
79106
<!-- White sheet (displays on the overlay - size is based on the contentSize prop) -->
80107
<!-- ===================================================================================== -->
@@ -98,8 +125,8 @@
98125
isMobile
99126
? 'mew-heading-2 ml-3'
100127
: isMobile && !back
101-
? 'mew-heading-2 ml-4'
102-
: 'mew-subtitle'
128+
? 'mew-heading-2 ml-4'
129+
: 'mew-subtitle'
103130
]"
104131
>
105132
{{ title }}
@@ -123,7 +150,10 @@
123150
<!-- ===================================================================================== -->
124151
<!-- Footer -->
125152
<!-- ===================================================================================== -->
126-
<v-row justify="center" class="ma-0 py-8 textMedium--text">
153+
<v-row
154+
justify="center"
155+
class="ma-0 py-8 textMedium--text"
156+
>
127157
{{ footer.text }}
128158
<a
129159
v-if="footer && footer.linkTitle && footer.link"

‎src/components/MewPopup/MewPopup.vue

+18-4
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,21 @@
1212
:scrollable="scrollable"
1313
@click:outside="handleClickOutside"
1414
>
15-
<v-card color="bgWalletBlock" class="pa-0">
15+
<v-card
16+
color="bgWalletBlock"
17+
class="pa-0"
18+
>
1619
<!--
1720
=====================================================================================
1821
Dialog Header
1922
=====================================================================================
2023
-->
2124
<div :class="title ? 'pt-0' : 'pt-5'">
22-
<v-btn v-if="!hideCloseBtn" icon class="header-close-icon">
25+
<v-btn
26+
v-if="!hideCloseBtn"
27+
icon
28+
class="header-close-icon"
29+
>
2330
<v-icon
2431
size="x-large"
2532
color="grey cursor--pointer"
@@ -60,8 +67,15 @@
6067
Dialog action
6168
=====================================================================================
6269
-->
63-
<v-card-actions v-if="hasButtons" class="py-5 py-md-8">
64-
<v-row class="pa-0" justify="space-around" dense>
70+
<v-card-actions
71+
v-if="hasButtons"
72+
class="py-5 py-md-8"
73+
>
74+
<v-row
75+
class="pa-0"
76+
justify="space-around"
77+
dense
78+
>
6579
<v-col
6680
cols="12"
6781
:sm="!rightBtn ? '12' : '6'"

‎src/components/MewSearch/MewSearch.vue

+12-3
Original file line numberDiff line numberDiff line change
@@ -64,10 +64,19 @@
6464
color="primary"
6565
@click="onSearch"
6666
>
67-
<v-icon color="white"> mdi-magnify </v-icon>
67+
<v-icon color="white">
68+
mdi-magnify
69+
</v-icon>
6870
</v-btn>
69-
<v-divider v-if="isSearchBlock && canSearchDate" vertical light />
70-
<div v-if="isSearchBlock && canSearchDate" class="pl-3 pr-4">
71+
<v-divider
72+
v-if="isSearchBlock && canSearchDate"
73+
vertical
74+
light
75+
/>
76+
<div
77+
v-if="isSearchBlock && canSearchDate"
78+
class="pl-3 pr-4"
79+
>
7180
<mew-icon-button
7281
btn-style="transparent"
7382
mdi-icon-size="medium"

‎src/components/MewSelect/MewSelect.vue

+27-24
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,10 @@
9292
<!-- ===================================================================================== -->
9393
<!-- Selected item -->
9494
<!-- ===================================================================================== -->
95-
<div v-if="!item.selectLabel" class="d-flex align-center justify-center">
95+
<div
96+
v-if="!item.selectLabel"
97+
class="d-flex align-center justify-center"
98+
>
9699
<mew-token-container
97100
v-if="!normalDropdown"
98101
class="ml-1 flex-shrink-0"
@@ -104,14 +107,12 @@
104107
<span
105108
:class="noCapitalize ? '' : 'text-capitalize'"
106109
class="mt-1 ml-2 basic--text"
107-
>{{ item.name ? item.name : item }}
110+
>{{ item.name ? item.name : item }}
108111
<span
109112
v-if="item.subtext"
110113
:class="noCapitalize ? '' : 'text-capitalize'"
111114
class="searchText--text"
112-
>- {{ item.subtext }}</span
113-
></span
114-
>
115+
>- {{ item.subtext }}</span></span>
115116
</div>
116117
</template>
117118
<template #item="data">
@@ -132,21 +133,24 @@
132133
v-if="!isCustom && !loading"
133134
class="d-flex align-center justify-center"
134135
>
135-
<span :class="noCapitalize ? '' : 'text-capitalize'" class="ml-2 mt-1"
136-
>{{ data.item.name ? data.item.name : data.item }}
136+
<span
137+
:class="noCapitalize ? '' : 'text-capitalize'"
138+
class="ml-2 mt-1"
139+
>{{ data.item.name ? data.item.name : data.item }}
137140
<span
138141
v-if="data.item.subtext"
139142
:class="noCapitalize ? '' : 'text-capitalize'"
140143
class="textSecondary--text"
141-
>- {{ data.item.subtext }}</span
142-
></span
143-
>
144+
>- {{ data.item.subtext }}</span></span>
144145
</div>
145146

146147
<!-- ===================================================================================== -->
147148
<!-- Custom Select Dropdown items -->
148149
<!-- ===================================================================================== -->
149-
<div v-if="isCustom && !loading" class="d-flex align-center full-width">
150+
<div
151+
v-if="isCustom && !loading"
152+
class="d-flex align-center full-width"
153+
>
150154
<!-- ===================================================================================== -->
151155
<!-- Empty Wallet Link -->
152156
<!-- ===================================================================================== -->
@@ -159,8 +163,7 @@
159163
class="all-pointer-events"
160164
target="_blank"
161165
:href="data.item.link"
162-
>{{ data.item.linkText }}</a
163-
>
166+
>{{ data.item.linkText }}</a>
164167
</div>
165168

166169
<!-- ===================================================================================== -->
@@ -170,7 +173,10 @@
170173
v-if="data.item.name"
171174
class="d-flex align-center justify-space-between full-width"
172175
>
173-
<div v-if="!loading" class="d-flex align-center">
176+
<div
177+
v-if="!loading"
178+
class="d-flex align-center"
179+
>
174180
<mew-token-container
175181
v-if="!normalDropdown"
176182
class="mr-1"
@@ -182,26 +188,23 @@
182188
<span
183189
:class="noCapitalize ? '' : 'text-capitalize'"
184190
class="ml-2 my-2 d-flex flex-column"
185-
>{{ data.item.symbol || data.item.name || data.item }}
191+
>{{ data.item.symbol || data.item.name || data.item }}
186192
<span
187193
v-if="data.item.tokenBalance || data.item.subtext"
188194
:class="noCapitalize ? '' : 'text-capitalize'"
189195
class="mew-caption font-weight-regular textSecondary--text"
190-
>{{
191-
data.item.tokenBalance
192-
? data.item.tokenBalance + ' ' + data.item.symbol
193-
: data.item.subtext
194-
}}</span
195-
></span
196-
>
196+
>{{
197+
data.item.tokenBalance
198+
? data.item.tokenBalance + ' ' + data.item.symbol
199+
: data.item.subtext
200+
}}</span></span>
197201
</div>
198202
<div class="d-flex justify-center flex-column align-end">
199203
<span>{{ data.item.totalBalance || data.item.price }}</span>
200204
<span
201205
v-if="data.item.totalBalance"
202206
class="mew-caption font-weight-regular textSecondary--text"
203-
>@ {{ data.item.price }}</span
204-
>
207+
>@ {{ data.item.price }}</span>
205208
</div>
206209
</div>
207210
</div>

1 commit comments

Comments
 (1)
Please sign in to comment.