@designcrowd/fe-shared-lib 1.5.12 → 1.5.14-kp-1

package/src/atoms/components/Icon/Icon.stories.js

@@ -21,6 +21,7 @@ export const IconSample = () => {
           { name: 'websites-upgrade-to-videos' },
           { name: 'websites-upgrade-to-maps' },
           { name: 'add-page' },
+          { name: 'page-blank' },
           { name: 'ai' },
           { name: 'arrow-down' },
           { name: 'arrow-left' },

package/src/atoms/components/Icon/Icon.vue

@@ -39,6 +39,7 @@ import IconAspectRatio9_16 from './icons/ratio-9-16.vue';
 /* eslint-enable camelcase */
 import IconAbout from './icons/about.vue';
 import IconAddPage from './icons/add-page.vue';
+import IconPageBlank from './icons/page-blank.vue';
 import IconAi from './icons/ai.vue';
 import IconArrowDown from './icons/arrow-down.vue';
 import IconArrowLeft from './icons/arrow-left.vue';
@@ -423,6 +424,7 @@ export default {
     IconCalculator,
     IconAbout,
     IconAddPage,
+    IconPageBlank,
     IconAi,
     IconArrowDown,
     IconArrowLeft,

package/src/atoms/components/Icon/icons/page-blank.vue

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M12.8172 3.67969C13.0724 3.9349 13.2 4.24479 13.2 4.60938V13.6875C13.2 14.0521 13.0724 14.362 12.8172 14.6172C12.562 14.8724 12.2521 15 11.8875 15H4.0125C3.64792 15 3.33802 14.8724 3.08281 14.6172C2.8276 14.362 2.7 14.0521 2.7 13.6875V2.3125C2.7 1.94792 2.8276 1.63802 3.08281 1.38281C3.33802 1.1276 3.64792 1 4.0125 1H9.59063C9.95521 1 10.2651 1.1276 10.5203 1.38281L12.8172 3.67969ZM9.7 2.42188V4.5H11.7781L9.7 2.42188ZM11.8875 13.6875V5.8125H9.04375C8.86146 5.8125 8.70651 5.7487 8.57891 5.62109C8.4513 5.49349 8.3875 5.33854 8.3875 5.15625V2.3125H4.0125V13.6875H11.8875Z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/experiences/components/SellDomainNameModalApplication/SellDomainNameModalApplication.vue

@@ -31,6 +31,7 @@
           :domain-name-items="domainNameItems"
           :currency="userCurrency"
           :model-value="modelValue"
+          @on-buy-now-click="onBuyNowClick"
         />
       </template>
     </Modal>
@@ -76,7 +77,7 @@ import brandCrowdApiClient from '../../clients/brand-crowd-api.client';
 import SellDomainNameSearch from '../SellDomainNameSearch/SellDomainNameSearch.vue';
 import SellDomainNameSearchResult from '../SellDomainNameSearchResult/SellDomainNameListSearchResult.vue';
 import Events from '../../constants/event-constants';
-import { sellDomainNameModalApplicationTr } from '../../../useSharedLibTranslate';
+import { getCurrentLocale, sellDomainNameModalApplicationTr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -123,7 +124,7 @@ export default {
   setup() {
     return {
       domainSearchHeaderTitle: sellDomainNameModalApplicationTr('domainSearchHeaderTitle'),
-      domainSearchHeaderSubtitle: sellDomainNameModalApplicationTr('domainSearchHeaderTitle'),
+      domainSearchHeaderSubtitle: sellDomainNameModalApplicationTr('domainSearchHeaderSubtitle'),
     };
   },
   data: () => ({
@@ -139,6 +140,11 @@ export default {
       this.searchDomainName(false);
     }
   },
+  computed: {
+    currentLocale() {
+      return getCurrentLocale();
+    },
+  },
   methods: {
     async onSearchDomainName(event) {
       this.searchText = event.searchText;
@@ -159,6 +165,10 @@ export default {
           request.logoDraftToken = this.logoDraftToken;
         }
 
+        if (this.currentLocale) {
+          request.locale = this.currentLocale;
+        }
+
         window.dispatchEvent(new CustomEvent(Events.DomainSearchEvent, { detail: request }));
         const result = await brandCrowdApiClient.searchDomainNamesByKeywordAsync(request);
         if (!result) {
@@ -182,6 +192,9 @@ export default {
     onCloseModal() {
       this.$emit('close-modal');
     },
+    onBuyNowClick() {
+      this.$emit('on-buy-now-click');
+    },
     onSearchTextInputChange(newVal) {
       this.searchText = newVal;
     },