Skip to content
This repository was archived by the owner on Feb 5, 2022. It is now read-only.

Commit d0f4527

Browse files
Sam HSam H
Sam H
authored and
Sam H
committed
fix: add check for localStorage existing before changing img format
1 parent 7af517a commit d0f4527

File tree

2 files changed

+15
-15
lines changed

2 files changed

+15
-15
lines changed

‎src/components/app-img/app-img.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ export class Img {
5757
}
5858

5959
private changeImageFormat() {
60-
if (this.loadSrc && localStorage.getItem('allowWebp') === 'true') {
60+
if (this.loadSrc && localStorage && localStorage.getItem('allowWebp') === 'true') {
6161
const idx = this.loadSrc.lastIndexOf('.');
6262
const ext = this.loadSrc.substring(idx + 1, this.loadSrc.length);
6363
if (ext === 'png' || ext === 'jpg' || ext === 'jpeg') {

‎src/pages/app-home/app-home.tsx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -143,7 +143,7 @@ export class AppHome {
143143
<div class="carousel-item active">
144144
<div class="row">
145145
<div class="col-lg-6 col-md-6 col-sm-12 align-self-center text-center">
146-
<img class="carousel-image-h" src="/assets/svg/home-graphic-process-discovery.svg" alt="discovery" />
146+
<app-img class="carousel-image-h" src="/assets/svg/home-graphic-process-discovery.svg" alt="discovery" />
147147
</div>
148148
<div class="col-lg-6 col-md-6 col-sm-12 carousel-panel align-self-center">
149149
<div class="carousel-text">
@@ -161,7 +161,7 @@ export class AppHome {
161161
<div class="carousel-item">
162162
<div class="row">
163163
<div class="col-lg-6 col-md-6 col-sm-12 align-self-center text-center">
164-
<img class="carousel-image-h" src="/assets/svg/home-graphic-process-design.svg" alt="design" />
164+
<app-img class="carousel-image-h" src="/assets/svg/home-graphic-process-design.svg" alt="design" />
165165
</div>
166166
<div class="col-lg-6 col-md-6 col-sm-12 carousel-panel align-self-center">
167167
<div class="carousel-text">
@@ -179,7 +179,7 @@ export class AppHome {
179179
<div class="carousel-item">
180180
<div class="row">
181181
<div class="col-lg-6 col-md-6 col-sm-12 align-self-center text-center">
182-
<img class="carousel-image" src="/assets/svg/home-graphic-process-development.svg" alt="development" />
182+
<app-img class="carousel-image" src="/assets/svg/home-graphic-process-development.svg" alt="development" />
183183
</div>
184184
<div class="col-lg-6 col-md-6 col-sm-12 carousel-panel align-self-center">
185185
<div class="carousel-text">
@@ -197,7 +197,7 @@ export class AppHome {
197197
<div class="carousel-item">
198198
<div class="row">
199199
<div class="col-lg-6 col-md-6 col-sm-12 align-self-center text-center">
200-
<img class="carousel-image" src="/assets/svg/home-graphic-process-deployment.svg" alt="deployment" />
200+
<app-img class="carousel-image" src="/assets/svg/home-graphic-process-deployment.svg" alt="deployment" />
201201
</div>
202202
<div class="col-lg-6 col-md-6 col-sm-12 carousel-panel align-self-center">
203203
<div class="carousel-text">
@@ -215,7 +215,7 @@ export class AppHome {
215215
<div class="carousel-item">
216216
<div class="row">
217217
<div class="col-lg-6 col-md-6 col-sm-12 align-self-center text-center ">
218-
<img class="carousel-image-userfeedback" src="/assets/svg/home-graphic-process-userfeedback.svg" alt="user feedback" />
218+
<app-img class="carousel-image-userfeedback" src="/assets/svg/home-graphic-process-userfeedback.svg" alt="user feedback" />
219219
</div>
220220
<div class="col-lg-6 col-md-6 col-sm-12 carousel-panel align-self-center">
221221
<div class="carousel-text">
@@ -262,16 +262,16 @@ export class AppHome {
262262
<div class="row store-buttons">
263263
<div class="col-6 text-right">
264264
<a href="https://itunes.apple.com/us/app/loudcloud-disposable-numbers/id723331666?mt=8" target="_blank" rel="noopener">
265-
<img src="/assets/graphic-apple-appstore.png" alt="download on app store" />
265+
<app-img src="/assets/graphic-apple-appstore.png" alt="download on app store" />
266266
</a>
267267
</div>
268268
<div class="col-6 text-left">
269269
<a href="https://play.google.com/store/apps/details?id=com.ignitras.loudcloud&hl=en" target="_blank" rel="noopener">
270-
<img src="/assets/graphic-google-googleplaystore.png" alt="download on play store" />
270+
<app-img src="/assets/graphic-google-googleplaystore.png" alt="download on play store" />
271271
</a>
272272
</div>
273273
</div>
274-
<img src="/assets/shared-graphic-loudcloud.png" class="phone-image" alt="loudcloud" />
274+
<app-img src="/assets/shared-graphic-loudcloud.png" class="phone-image" alt="loudcloud" />
275275
</div>
276276
</div>
277277
<div class="content-panel voyage">
@@ -288,16 +288,16 @@ export class AppHome {
288288
<div class="row store-buttons">
289289
<div class="col-6 text-right">
290290
<a href="https://itunes.apple.com/us/app/the-voyage-by-new-ocean-health/id779637437?mt=8" target="_blank" rel="noopener">
291-
<img src="/assets/graphic-apple-appstore.png" alt="download on app store" />
291+
<app-img src="/assets/graphic-apple-appstore.png" alt="download on app store" />
292292
</a>
293293
</div>
294294
<div class="col-6 text-left">
295295
<a href="https://play.google.com/store/apps/details?id=com.carecaminnovations.mobile" target="_blank" rel="noopener">
296-
<img src="/assets/graphic-google-googleplaystore.png" alt="download on play store" />
296+
<app-img src="/assets/graphic-google-googleplaystore.png" alt="download on play store" />
297297
</a>
298298
</div>
299299
</div>
300-
<img src="/assets/shared-graphic-voyage.png" class="phone-image" alt="voyage" />
300+
<app-img src="/assets/shared-graphic-voyage.png" class="phone-image" alt="voyage" />
301301
</div>
302302
</div>
303303
<div class="content-panel juntoscope">
@@ -314,16 +314,16 @@ export class AppHome {
314314
<div class="row store-buttons">
315315
<div class="col-6 text-right">
316316
<a href="https://itunes.apple.com/us/app/digi-thermo/id1307130445?mt=8" target="_blank" rel="noopener">
317-
<img src="/assets/graphic-apple-appstore.png" alt="download on app store" />
317+
<app-img src="/assets/graphic-apple-appstore.png" alt="download on app store" />
318318
</a>
319319
</div>
320320
<div class="col-6 text-left">
321321
<a href="https://play.google.com/store/apps/details?id=com.webjuntollc.digithermoapp" target="_blank" rel="noopener">
322-
<img src="/assets/graphic-google-googleplaystore.png" alt="download on play store" />
322+
<app-img src="/assets/graphic-google-googleplaystore.png" alt="download on play store" />
323323
</a>
324324
</div>
325325
</div>
326-
<img src="/assets/shared-graphic-juntoscope.png" class="phone-image" alt="juntoscope" />
326+
<app-img src="/assets/shared-graphic-juntoscope.png" class="phone-image" alt="juntoscope" />
327327
</div>
328328
</div>
329329
<div class="content-panel last-panel" />

0 commit comments

Comments
 (0)