feat: link name

stardustmeg · Jun 12, 2024 · 078eff0 · 078eff0
1 parent 01bf90e
commit 078eff0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/src/widgets/ProductOrder/view/ProductOrderView.ts b/src/widgets/ProductOrder/view/ProductOrderView.ts
@@ -170,11 +170,21 @@ class ProductOrderView {
   }
 
   private createTdProduct(): HTMLTableCellElement {
-    return createBaseElement({
+    const td = createBaseElement({
       cssClasses: [styles.td, styles.nameCell, styles.mainText],
-      innerContent: this.productItem.name[Number(getCurrentLanguage() === LANGUAGE_CHOICE.RU)].value,
+      // innerContent: this.productItem.name[Number(getCurrentLanguage() === LANGUAGE_CHOICE.RU)].value,
       tag: 'td',
     });
+    const href = `${buildPath.productPathWithIDAndQuery(this.productItem.key, { size: [this.productItem.size] })}`;
+    const link = new LinkModel({
+      attrs: {
+        href,
+      },
+      classes: [styles.nameLink],
+      text: this.productItem.name[Number(getCurrentLanguage() === LANGUAGE_CHOICE.RU)].value,
+    });
+    td.append(link.getHTML());
+    return td;
   }
 
   private createTdSize(): HTMLTableCellElement {

diff --git a/src/widgets/ProductOrder/view/productOrderView.module.scss b/src/widgets/ProductOrder/view/productOrderView.module.scss
@@ -1,5 +1,7 @@
 @import 'src/app/styles/mixins';
 
+$color: var(--steam-green-800);
+
 .style {
   display: block;
 }
@@ -110,6 +112,10 @@
   }
 }
 
+.nameLink {
+  @include link(0 0, $color);
+}
+
 .nameCell {
   justify-content: flex-start;
   grid-area: 2 / 2 / 3 / 3;