selfhosted
/
zer0bin
mirror of https://github.com/zer0bin-dev/zer0bin
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor: ♻️ Still use extraSVGAttrs with new method

This commit is contained in:
ThatOneCalculator 2022-04-04 00:40:19 -07:00
parent bbccfc4314
commit be7617476f
1 changed files with 11 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/icons.ts
View File

@ -29,13 +29,14 @@ const singleViewButton = <HTMLButtonElement>(
document.getElementById("single-view-button")
)
const extraSVGAttrs = {
width: "1em",
height: "1em",
fill: "currentColor",
}
function renderIcon(elem: HTMLButtonElement, icon: IconDefinition) {
elem.innerHTML += renderIconDefinitionToSVGElement(icon, {
extraSVGAttrs: {
width: "1em",
height: "1em",
fill: "currentColor",
},
extraSVGAttrs: extraSVGAttrs,
})
}
@ -91,11 +92,11 @@ tippy("#copy-button", {
tippy("#github-button", {
content: `GitHub<br><span class='keybind'>
${renderIconDefinitionToSVGElement(StarOutlined, {
extraSVGAttrs: { fill: "currentColor" },
extraSVGAttrs: extraSVGAttrs,
})} ${renderIconDefinitionToSVGElement(ForkOutlined, {
extraSVGAttrs: { fill: "currentColor" },
extraSVGAttrs: extraSVGAttrs,
})} ${renderIconDefinitionToSVGElement(HeartOutlined, {
extraSVGAttrs: { fill: "currentColor" },
extraSVGAttrs: extraSVGAttrs,
})}</span>`,
placement: "bottom",
animation: "scale",
@ -137,20 +138,12 @@ export function toggleHiddenIcon(hidden: boolean) {
hideButton.innerHTML = renderIconDefinitionToSVGElement(
EyeInvisibleOutlined,
{
extraSVGAttrs: {
width: "1em",
height: "1em",
fill: "currentColor",
},
extraSVGAttrs: extraSVGAttrs,
}
)
} else {
hideButton.innerHTML = renderIconDefinitionToSVGElement(EyeOutlined, {
extraSVGAttrs: {
width: "1em",
height: "1em",
fill: "currentColor",
},
extraSVGAttrs: extraSVGAttrs,
})
}
}