(event)
| 920 | }; |
| 921 | |
| 922 | function openConfig(event) { |
| 923 | event.preventDefault(); |
| 924 | const style = react.createElement("style", { |
| 925 | dangerouslySetInnerHTML: { |
| 926 | __html: ` |
| 927 | .setting-row::after { |
| 928 | content: ""; |
| 929 | display: table; |
| 930 | clear: both; |
| 931 | } |
| 932 | .setting-row .col { |
| 933 | display: flex; |
| 934 | padding: 10px 0; |
| 935 | align-items: center; |
| 936 | } |
| 937 | .setting-row .col.description { |
| 938 | float: left; |
| 939 | padding-right: 15px; |
| 940 | } |
| 941 | .setting-row .col.action { |
| 942 | float: right; |
| 943 | text-align: right; |
| 944 | } |
| 945 | button.switch { |
| 946 | align-items: center; |
| 947 | border: 0px; |
| 948 | border-radius: 50%; |
| 949 | background-color: rgba(var(--spice-rgb-shadow), .7); |
| 950 | color: var(--spice-text); |
| 951 | cursor: pointer; |
| 952 | display: flex; |
| 953 | margin-inline-start: 12px; |
| 954 | padding: 8px; |
| 955 | } |
| 956 | button.switch.disabled, |
| 957 | button.switch[disabled] { |
| 958 | color: rgba(var(--spice-rgb-text), .3); |
| 959 | } |
| 960 | `, |
| 961 | }, |
| 962 | }); |
| 963 | const configContainer = react.createElement( |
| 964 | "div", |
| 965 | null, |
| 966 | style, |
| 967 | react.createElement(ConfigItem, { |
| 968 | name: checkLyricsPlus() ? "Enable Lyrics Plus integration" : "Lyrics Plus not applied", |
| 969 | field: "lyricsPlus", |
| 970 | func: () => { |
| 971 | updateVisual(); |
| 972 | requestLyricsPlus(); |
| 973 | }, |
| 974 | disabled: !checkLyricsPlus(), |
| 975 | }), |
| 976 | react.createElement(ConfigItem, { |
| 977 | name: "Enable progress bar", |
| 978 | field: "enableProgress", |
| 979 | func: updateVisual, |
nothing calls this directly
no test coverage detected