@things-factory/operato-mms 6.0.25 → 6.0.28

package/client/bootstrap.js

@@ -4,7 +4,7 @@ import '@things-factory/notification'
 import './menu'
 import './viewparts/user-circle'
 
-import { html } from 'lit-element'
+import { html } from 'lit'
 
 import { registerDefaultGroups } from '@operato/board/register-default-groups.js'
 import { APPEND_APP_TOOL } from '@things-factory/apptool-base'

package/client/components/attachment-viewer.js

@@ -1,5 +1,5 @@
 import { i18next, localize } from '@things-factory/i18n-base'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class AttachmentViewer extends localize(i18next)(LitElement) {
   static get properties() {
@@ -62,9 +62,7 @@ class AttachmentViewer extends localize(i18next)(LitElement) {
   render() {
     return html`
       <div class="card">
-        <div class="container">
-          ${this.name ? html` <h3>${this.name}</h3> ` : ''}
-        </div>
+        <div class="container">${this.name ? html` <h3>${this.name}</h3> ` : ''}</div>
 
         ${this.downloadable
           ? html`

package/client/components/category-selector-popup.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { ScrollbarStyles } from '@things-factory/styles'
 

package/client/components/category-selector.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import { openPopup } from '@things-factory/layout-base'
 import './category-selector-popup'
 import { getCategories } from './category-provider'

package/client/components/image-viewer.js

@@ -1,5 +1,5 @@
 import { i18next, localize } from '@things-factory/i18n-base'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class ImageViewer extends localize(i18next)(LitElement) {
   static get properties() {

package/client/components/marketplace-order-max-weight.js

@@ -1,7 +1,7 @@
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, CustomAlert } from '@things-factory/shell'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class MarketplaceOrderMaxWeight extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/mms-home-cards.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class MmsHomeCards extends LitElement {
   static get styles() {

package/client/components/stock-allocation-ratio.js

@@ -1,7 +1,7 @@
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, CustomAlert } from '@things-factory/shell'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class StockAllocationRatio extends localize(i18next)(LitElement) {
   static get styles() {

package/client/components/variant-option-editor.js

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, html, css } from 'lit'
 
 export class VariantOptionEditor extends LitElement {
   static get styles() {
@@ -72,7 +72,7 @@ export class VariantOptionEditor extends LitElement {
 
     return html`
       <select .value=${type} @change=${this.onchangeSelect.bind(this)}>
-        <option> </option>
+        <option></option>
         ${types.map(t => html` <option value=${t} ?selected=${type == t}>${t}</option> `)}
       </select>
 

package/client/components/variant-options-editor.js

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, html, css } from 'lit'
 import './variant-option-editor'
 
 export class VariantOptionsEditor extends LitElement {

package/client/components/wizard-view-styles.js

@@ -1,4 +1,4 @@
-import { css } from 'lit-element'
+import { css } from 'lit'
 
 export const WizardViewStyles = css`
   :host {

package/client/components/wizard-view.js

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, html, css } from 'lit'
 import '@material/mwc-button'
 import { i18next, localize } from '@things-factory/i18n-base'
 

package/client/pages/catalogue/basic-product-setting.js

@@ -3,7 +3,7 @@ import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, CustomAlert } from '@things-factory/shell'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import '../../components/image-viewer'
 import { PRODUCT_TYPE } from './constants'
 

package/client/pages/catalogue/create-new-product-popup.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
 
 import '../../components/wizard-view'

package/client/pages/catalogue/home.js

@@ -1,5 +1,5 @@
 import { PageView, store } from '@things-factory/shell'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import '../../components/mms-home-cards'

package/client/pages/catalogue/product-detail-popup.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
 
 import '../../components/wizard-view'

package/client/pages/catalogue/product-marketplace-setting.js

@@ -2,7 +2,7 @@ import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import '../../components/category-selector'
 class ProductMarketplaceSetting extends localize(i18next)(LitElement) {

package/client/pages/catalogue/product-variation-setting.js

@@ -3,7 +3,7 @@ import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import '../../components/variant-options-editor'
 
 class ProductVariationSetting extends localize(i18next)(LitElement) {

package/client/pages/catalogue/products.js

@@ -7,7 +7,7 @@ import { client, PageView } from '@things-factory/shell'
 import { CommonButtonStyles, ScrollbarStyles } from '@things-factory/styles'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import './create-new-product-popup'
 import './product-detail-popup'
 
@@ -317,7 +317,7 @@ class Products extends localize(i18next)(PageView) {
   async fetchStore(id) {
     const response = await client.query({
       query: gql`
-        query($id: String!) {
+        query ($id: String!) {
           marketplaceStore(id: $id) {
             id
             name

package/client/pages/catalogue/warehouse-marketplace-auto-link-popup.js

@@ -3,7 +3,7 @@ import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class WarehouseMarketplaceAutoLinkPopup extends localize(i18next)(LitElement) {
   static get properties() {
@@ -177,7 +177,7 @@ class WarehouseMarketplaceAutoLinkPopup extends localize(i18next)(LitElement) {
 
       const response = await client.query({
         query: gql`
-          mutation($marketplaceStoreIds: [String]!, $isCheckedSku: Boolean!) {
+          mutation ($marketplaceStoreIds: [String]!, $isCheckedSku: Boolean!) {
             autoLinkWarehouseMarketplaceProductVariations(
               marketplaceStoreIds: $marketplaceStoreIds
               isCheckedSku: $isCheckedSku

package/client/pages/catalogue/warehouse-marketplace-link-popup.js

@@ -5,7 +5,7 @@ import { client, CustomAlert, gqlContext } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
 import { flattenObject, isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class WarehouseMarketplaceLinkPopup extends localize(i18next)(LitElement) {
   static get properties() {
@@ -406,7 +406,7 @@ class WarehouseMarketplaceLinkPopup extends localize(i18next)(LitElement) {
       if (marketplaceStoreId && sku && patches) {
         const response = await client.query({
           query: gql`
-            mutation($marketplaceStoreId: String!, $sku: String!, $patches: [MarketplaceProductVariationPatch]!) {
+            mutation ($marketplaceStoreId: String!, $sku: String!, $patches: [MarketplaceProductVariationPatch]!) {
               linkWarehouseMarketplaceProductVariations(
                 marketplaceStoreId: $marketplaceStoreId
                 sku: $sku

package/client/pages/catalogue/warehouse-products.js

@@ -7,7 +7,7 @@ import { ScrollbarStyles } from '@things-factory/styles'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
 import { CommonButtonStyles } from '@things-factory/styles'
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import './warehouse-marketplace-link-popup'
 import './warehouse-marketplace-auto-link-popup'
 

package/client/pages/catalogue-variation/home.js

@@ -1,5 +1,5 @@
 import { PageView, store } from '@things-factory/shell'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import '../../components/mms-home-cards'

package/client/pages/catalogue-variation/product-variations.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, PageView } from '@things-factory/shell'
@@ -377,7 +377,7 @@ class ProductVariations extends localize(i18next)(PageView) {
   async fetchStore(id) {
     const response = await client.query({
       query: gql`
-        query($id: String!) {
+        query ($id: String!) {
           marketplaceStore(id: $id) {
             id
             name

package/client/pages/inventory/inventory-by-product.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, gqlContext, PageView } from '@things-factory/shell'

package/client/pages/inventory/inventory-history.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/order/home.js

@@ -1,5 +1,5 @@
 import { PageView, store } from '@things-factory/shell'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import '../../components/mms-home-cards'

package/client/pages/order/logistics/batch-init-popup.js

@@ -1,7 +1,7 @@
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/order/logistics/branch-logistics-popup.js

@@ -5,7 +5,7 @@ import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class BranchLogisticsPopup extends localize(i18next)(LitElement) {
   static get properties() {

package/client/pages/order/logistics/lazada-order-init-batch-popup.js

@@ -1,7 +1,7 @@
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/order/logistics/order-init-popup.js

@@ -3,7 +3,7 @@ import '@things-factory/grist-ui'
 import './order-items'
 import './order-shipping'
 
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/order/logistics/order-items.js

@@ -3,7 +3,7 @@ import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { isMobileDevice } from '@things-factory/utils'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class OrderItems extends localize(i18next)(LitElement) {
   static get properties() {

package/client/pages/order/logistics/order-shipping-items.js

@@ -2,7 +2,7 @@ import '@things-factory/component-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/order/logistics/order-shipping.js

@@ -2,7 +2,7 @@ import '@things-factory/component-ui'
 import '@things-factory/grist-ui'
 import './order-shipping-items'
 
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/order/logistics/pickup-logistics-popup.js

@@ -5,7 +5,7 @@ import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class PickupLogisticsPopup extends localize(i18next)(LitElement) {
   static get properties() {

package/client/pages/order/logistics/request-ro-popup.js

@@ -1,7 +1,7 @@
 import '@material/mwc-button'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next } from '@things-factory/i18n-base'

package/client/pages/order/logistics/shopee-order-init-batch-popup.js

@@ -1,7 +1,7 @@
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/order/order-by-store.js

@@ -8,7 +8,7 @@ import './logistics/batch-init-popup'
 import './logistics/request-ro-popup'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { GhostPrint } from '@operato/ghost-print'
 import { getCodeByName } from '@things-factory/code-base'

package/client/pages/order/select-datetime-popup.js

@@ -1,7 +1,7 @@
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/promotions/activities.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/promotions/create-new-promotion.js

@@ -5,7 +5,7 @@ import { client, CustomAlert } from '@things-factory/shell'
 import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class createNewPromotion extends localize(i18next)(LitElement) {
   static get properties() {

package/client/pages/promotions/promotions.js

@@ -1,6 +1,6 @@
 import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
-import { html, css } from 'lit-element'
+import { html, css } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView, client, CustomAlert } from '@things-factory/shell'
 import { i18next, localize } from '@things-factory/i18n-base'
@@ -52,7 +52,7 @@ class Promotions extends connect(store)(PageView) {
           title: i18next.t('button.create_new'),
           action: () => {
             this._createNewPromotionPopup()
-          }, 
+          },
           ...CommonButtonStyles.add
         },
         { title: i18next.t('button.delete'), action: [], ...CommonButtonStyles.delete }

package/client/pages/reports/custom.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/reports/daily-sales-average.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/reports/inventory.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/reports/sales-by-platform/home.js

@@ -1,4 +1,4 @@
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { PageView, store } from '@things-factory/shell'

package/client/pages/reports/sales-by-platform/lazada-sales-report.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { i18next } from '@things-factory/i18n-base'

package/client/pages/reports/sales-by-platform/shopee-sales-report.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/reports/sales-by-promotion.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/reports/sales-by-store.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/reports/top-selling.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/reports/total-orders.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/reports/total-sales.js

@@ -1,4 +1,4 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { store, PageView } from '@things-factory/shell'
 

package/client/pages/setting/marketplace-setting.js

@@ -2,7 +2,7 @@ import '../../components/stock-allocation-ratio'
 import '../../components/marketplace-order-max-weight'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { i18next } from '@things-factory/i18n-base'

package/client/pages/stock-replenishment/create-stock-replenishment.js

@@ -3,7 +3,7 @@ import { CommonButtonStyles } from '@things-factory/styles'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { getCodeByName } from '@things-factory/code-base'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
-import { html, css } from 'lit-element'
+import { html, css } from 'lit'
 import { i18next } from '@things-factory/i18n-base'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { store, PageView, client, navigate, CustomAlert } from '@things-factory/shell'

package/client/pages/stock-replenishment/stock-replenishment-detail.js

@@ -6,7 +6,7 @@ import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import '../../components/attachment-viewer'
 import { ORDER_PRODUCT_STATUS, ORDER_STATUS } from '../constants'

package/client/pages/stock-replenishment/stock-replenishment-list.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 import { getCodeByName } from '@things-factory/code-base'
-import { html, css } from 'lit-element'
+import { html, css } from 'lit'
 import { i18next } from '@things-factory/i18n-base'
 import { isMobileDevice } from '@things-factory/utils'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'

package/client/viewparts/user-circle.js

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, html, css } from 'lit'
 
 export class UserCircle extends LitElement {
   static get properties() {
@@ -21,9 +21,7 @@ export class UserCircle extends LitElement {
   }
 
   render() {
-    return html`
-      <img src="/assets/images/heartyoh.jpg" class="user" />
-    `
+    return html` <img src="/assets/images/heartyoh.jpg" class="user" /> `
   }
 }