fix: #1218 update site-builder style & component name

reapit · May 28, 2020 · dc6b191 · dc6b191
1 parent 317d47d
commit dc6b191
Show file tree

Hide file tree

Showing 9 changed files with 24 additions and 15 deletions.
diff --git a/packages/site-builder/src/components/editor-components/book-a-valuation.tsx b/packages/site-builder/src/components/editor-components/book-a-valuation.tsx
@@ -38,7 +38,7 @@ export const initializeBookAValuationComponent = editor => {
 
             const initWidget = () => {
               container.innerHTML = ''
-              new window.ReapitAppointmentBookingComponent({
+              new window.ReapitBookValuationWidget({
                 theme: {
                   baseBackgroundColor: '#fff',
                   basefontSize: '16px',
@@ -64,14 +64,14 @@ export const initializeBookAValuationComponent = editor => {
               })
             }
 
-            if (!window.ReapitAppointmentBookingComponent) {
+            if (!window.ReapitBookValuationWidget) {
               const styles = document.createElement('link')
-              styles.href = 'https://web-components.reapit.cloud/appointment-bookings.css'
+              styles.href = 'https://web-components.reapit.cloud/book-valuation-widget.css'
               styles.rel = 'stylesheet'
               document.head.appendChild(styles)
 
               const script = document.createElement('script')
-              script.src = 'https://web-components.reapit.cloud/appointment-bookings.js'
+              script.src = 'https://web-components.reapit.cloud/book-valuation-widget.js'
               script.async = true
               script.defer = true
               script.onload = initWidget

diff --git a/packages/site-builder/src/components/editor-components/property-detail.tsx b/packages/site-builder/src/components/editor-components/property-detail.tsx
@@ -36,7 +36,7 @@ export const initializePropertyDetailComponent = editor => {
 
             const initWidget = () => {
               container.innerHTML = ''
-              new window.ReapitPropertyDetailComponent({
+              new window.ReapitPropertyDetailWidget({
                 theme: {
                   baseBackgroundColor: '#fff',
                   basefontSize: '16px',
@@ -62,14 +62,14 @@ export const initializePropertyDetailComponent = editor => {
               })
             }
 
-            if (!window.ReapitPropertyDetailComponent) {
+            if (!window.ReapitPropertyDetailWidget) {
               const styles = document.createElement('link')
-              styles.href = 'https://web-components.reapit.cloud/property-detail.css'
+              styles.href = 'https://web-components.reapit.cloud/property-detail-widget.css'
               styles.rel = 'stylesheet'
               document.head.appendChild(styles)
 
               const script = document.createElement('script')
-              script.src = 'https://web-components.reapit.cloud/property-detail.js'
+              script.src = 'https://web-components.reapit.cloud/property-detail-widget.js'
               script.async = true
               script.defer = true
               script.onload = initWidget

diff --git a/packages/site-builder/src/components/editor-components/search-widget.tsx b/packages/site-builder/src/components/editor-components/search-widget.tsx
@@ -36,7 +36,7 @@ export const initializeSearchWidgetComponent = editor => {
 
             const initWidget = () => {
               container.innerHTML = ''
-              new window.ReapitSearchWidgetComponent({
+              new window.ReapitSearchWidget({
                 theme: {
                   baseBackgroundColor: '#fff',
                   basefontSize: '16px',
@@ -62,7 +62,7 @@ export const initializeSearchWidgetComponent = editor => {
               })
             }
 
-            if (!window.ReapitSearchWidgetComponent) {
+            if (!window.ReapitSearchWidget) {
               const styles = document.createElement('link')
               styles.href = 'https://web-components.reapit.cloud/search-widget.css'
               styles.rel = 'stylesheet'

diff --git a/packages/site-builder/src/styles/index.scss b/packages/site-builder/src/styles/index.scss
@@ -28,6 +28,10 @@ html {
   box-sizing: content-box !important;
 }
 
+#root {
+  height: 100%;
+}
+
 /* Class names prefixes */
 $prefix: 'gjs-' !default;
 
@@ -38,7 +42,8 @@ $quaternaryColor: #7bc9eb;
 $fontName: 'Open Sans', Arial, Helvetica, sans-serif;
 
 .#{$prefix} {
-  @each $cnum, $ccol in (one, $primaryColor), (two, $secondaryColor), (three, $tertiaryColor), (four, $quaternaryColor) {
+  @each $cnum, $ccol in (one, $primaryColor), (two, $secondaryColor), (three, $tertiaryColor), (four, $quaternaryColor)
+  {
     &#{$cnum} {
       &-bg {
         background-color: $ccol;
@@ -55,5 +60,5 @@ $fontName: 'Open Sans', Arial, Helvetica, sans-serif;
   }
 }
 
+@import './vendor/grapesjs/main.scss';
 
-@import "./vendor/grapesjs/main.scss";
diff --git a/packages/site-builder/src/tests/badges/badge-branches.svg b/packages/site-builder/src/tests/badges/badge-branches.svg
diff --git a/packages/site-builder/src/tests/badges/badge-functions.svg b/packages/site-builder/src/tests/badges/badge-functions.svg
diff --git a/packages/site-builder/src/tests/badges/badge-lines.svg b/packages/site-builder/src/tests/badges/badge-lines.svg
diff --git a/packages/site-builder/src/tests/badges/badge-statements.svg b/packages/site-builder/src/tests/badges/badge-statements.svg
diff --git a/packages/site-builder/src/types/global.d.ts b/packages/site-builder/src/types/global.d.ts
@@ -13,8 +13,8 @@ declare global {
     reapit: {
       config: Config
     }
-    ReapitSearchWidgetComponent: any
-    ReapitPropertyDetailComponent: any
-    ReapitAppointmentBookingComponent: any
+    ReapitSearchWidget: any
+    ReapitPropertyDetailWidget: any
+    ReapitBookValuationWidget: any
   }
 }