rename frontend to web

web/projects/marketplace/src/components/store-icon/store-icon.component.html

@@ -0,0 +1,9 @@
+<img
+  *ngIf="icon; else noIcon"
+  [style.max-width]="size || '100%'"
+  [src]="icon"
+  alt="Service Icon"
+/>
+<ng-template #noIcon>
+  <ion-icon name="storefront-outline" [style.font-size]="size"></ion-icon>
+</ng-template>

web/projects/marketplace/src/components/store-icon/store-icon.component.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { IonicModule } from '@ionic/angular'
+import { StoreIconComponent } from './store-icon.component'
+
+@NgModule({
+  declarations: [StoreIconComponent],
+  imports: [CommonModule, IonicModule],
+  exports: [StoreIconComponent],
+})
+export class StoreIconComponentModule {}

web/projects/marketplace/src/components/store-icon/store-icon.component.ts

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
+import { MarketplaceConfig, sameUrl } from '@start9labs/shared'
+
+@Component({
+  selector: 'store-icon',
+  templateUrl: './store-icon.component.html',
+  styleUrls: ['./store-icon.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class StoreIconComponent {
+  @Input()
+  url = ''
+  @Input()
+  size?: string
+  @Input({ required: true })
+  marketplace!: MarketplaceConfig
+
+  get icon() {
+    const { start9, community } = this.marketplace
+
+    if (sameUrl(this.url, start9)) {
+      return 'assets/img/icon_transparent.png'
+    } else if (sameUrl(this.url, community)) {
+      return 'assets/img/community-store.png'
+    }
+    return null
+  }
+}