()
| 653 | } |
| 654 | |
| 655 | render() { |
| 656 | return react.createElement( |
| 657 | "div", |
| 658 | { |
| 659 | id: "full-app-display", |
| 660 | className: "Video VideoPlayer--fullscreen VideoPlayer--landscape", |
| 661 | onDoubleClick: deactivate, |
| 662 | onContextMenu: openConfig, |
| 663 | }, |
| 664 | react.createElement("canvas", { |
| 665 | id: "fad-background", |
| 666 | ref: (el) => { |
| 667 | this.back = el; |
| 668 | }, |
| 669 | }), |
| 670 | react.createElement("div", { id: "fad-header" }), |
| 671 | react.createElement( |
| 672 | "div", |
| 673 | { id: "fad-body" }, |
| 674 | react.createElement( |
| 675 | "div", |
| 676 | { |
| 677 | id: "fad-foreground", |
| 678 | style: { |
| 679 | "--fad-scale": CONFIG.scale || 1, |
| 680 | }, |
| 681 | ref: (el) => { |
| 682 | if (!el) return; |
| 683 | el.onmousewheel = this.onScaleChange; |
| 684 | }, |
| 685 | }, |
| 686 | react.createElement( |
| 687 | "div", |
| 688 | { id: "fad-art" }, |
| 689 | react.createElement( |
| 690 | "div", |
| 691 | { |
| 692 | id: "fad-art-image", |
| 693 | className: CONFIG.enableFade && "fad-background-fade", |
| 694 | style: { |
| 695 | backgroundImage: this.state.cover, |
| 696 | }, |
| 697 | }, |
| 698 | react.createElement( |
| 699 | "div", |
| 700 | { |
| 701 | id: "fad-art-overlay", |
| 702 | }, |
| 703 | react.createElement( |
| 704 | "button", |
| 705 | { |
| 706 | id: "fad-heart", |
| 707 | onClick: () => { |
| 708 | Spicetify.Player.toggleHeart(); |
| 709 | this.setState({ heart: !this.state.heart }); |
| 710 | }, |
| 711 | }, |
| 712 | react.createElement(DisplayIcon, { |
no test coverage detected