Code optimizations

src/components/Metas.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-    export let title: string = ''
+    export let title: string
-    export let description: string = ''
+    export let description: string = undefined
-    export let image: string = ''
+    export let image: string = undefined
     export let url: string = undefined
     export let type: string = 'website'
     export let card: string = 'summary_large_image'
-    export let creator: string = '@flayks'
+    export let creator: string = undefined
 </script>
 
 <svelte:head>

src/components/organisms/Locations.svelte

@@ -9,12 +9,13 @@
     import Button from '$components/atoms/Button.svelte'
     import Location from '$components/molecules/Location.svelte'
 
-    export let locations: any
+    export let locations: any[]
 
     const { continents, settings: { explore_list }} = getContext('global')
 
     // Continents filtering logic
     let currentContinent: string = undefined
+
     $: filteredLocations = locations.filter(({ country: { continent }}: any) => {
         if (!currentContinent) {
             // Show all locations by default
@@ -30,11 +31,7 @@
      * Filter locations from continent
      */
     const filterLocation = throttle((continent: string) => {
-        if (continent !== currentContinent) {
+        currentContinent = continent !== currentContinent ? continent : null
-            currentContinent = continent
-        } else {
-            currentContinent = undefined
-        }
     }, 700)
 </script>
 

src/style/molecules/_heading.scss

@@ -1,13 +1,17 @@
 .heading {
     overflow: hidden;
-    color: $color-tertiary;
     text-align: center;
+    color: $color-tertiary;
+
+    @include bp (sm) {
+        margin-bottom: 128px;
+    }
 
     // Title
     h1 {
-        color: $color-secondary;
-        line-height: 1;
         margin-top: 56px;
+        line-height: 1;
+        color: $color-secondary;
 
         @include bp (sm) {
             margin-top: 160px;
@@ -20,8 +24,8 @@
         font-weight: 200;
 
         @include bp (sm) {
-            margin: 72px auto 130px;
             max-width: 600px;
+            margin-top: 72px;
         }
     }
 }

src/style/pages/_explore.scss

@@ -23,7 +23,7 @@
             font-weight: 200;
 
             @include bp (sm) {
-                margin: 72px auto 130px;
+                margin: 72px auto 128px;
                 max-width: 500px;
             }
         }