()
| 83 | } |
| 84 | |
| 85 | render() { |
| 86 | const detail = []; |
| 87 | this.visual.type && detail.push(this.type); |
| 88 | this.visual.upvotes && detail.push(`▲ ${this.upvotes}`); |
| 89 | |
| 90 | return react.createElement( |
| 91 | Spicetify.ReactComponent.RightClickMenu || "div", |
| 92 | { |
| 93 | menu: react.createElement(this.menuType, { uri: this.uri }), |
| 94 | }, |
| 95 | react.createElement( |
| 96 | "div", |
| 97 | { |
| 98 | className: "main-card-card", |
| 99 | onClick: (event) => { |
| 100 | History.push(this.href); |
| 101 | event.preventDefault(); |
| 102 | }, |
| 103 | }, |
| 104 | react.createElement( |
| 105 | "div", |
| 106 | { |
| 107 | className: "main-card-draggable", |
| 108 | draggable: "true", |
| 109 | }, |
| 110 | react.createElement( |
| 111 | "div", |
| 112 | { |
| 113 | className: "main-card-imageContainer", |
| 114 | }, |
| 115 | react.createElement( |
| 116 | "div", |
| 117 | { |
| 118 | className: "main-cardImage-imageWrapper", |
| 119 | }, |
| 120 | react.createElement( |
| 121 | "div", |
| 122 | {}, |
| 123 | react.createElement("img", { |
| 124 | "aria-hidden": "false", |
| 125 | draggable: "false", |
| 126 | loading: "lazy", |
| 127 | src: this.imageURL, |
| 128 | className: "main-image-image main-cardImage-image", |
| 129 | }) |
| 130 | ) |
| 131 | ), |
| 132 | react.createElement( |
| 133 | "div", |
| 134 | { |
| 135 | className: "main-card-PlayButtonContainer", |
| 136 | }, |
| 137 | react.createElement( |
| 138 | "div", |
| 139 | { |
| 140 | className: "main-playButton-PlayButton main-playButton-primary", |
| 141 | "aria-label": Spicetify.Locale.get("play"), |
| 142 | style: { "--size": "40px" }, |
no test coverage detected