74 lines
2.7 KiB
JavaScript
74 lines
2.7 KiB
JavaScript
/**
|
|
* @name JumpToTop
|
|
* @author Huderon
|
|
* @description Adds a button to the channel header allowing you to jump to first message in a channel.
|
|
* @version 1.0.1
|
|
*/
|
|
|
|
const { Webpack, Patcher, React, Utils } = BdApi;
|
|
const IconWrapperClasses = Webpack.getByKeys("iconWrapper", "clickable");
|
|
const IconClasses = Webpack.getByKeys("browser", "icon");
|
|
const transitionTo = Webpack.getByKeys("transitionTo")?.transitionTo;
|
|
const Tooltip = Webpack.getByKeys("Tooltip")?.Tooltip;
|
|
const ChannelHeader = Webpack.getByKeys("Icon", "Divider", {
|
|
defaultExport: false,
|
|
});
|
|
|
|
function ToolbarComponent() {
|
|
return React.createElement(
|
|
Tooltip,
|
|
{ text: "Jump To Top" },
|
|
({ onMouseEnter, onMouseLeave }) =>
|
|
React.createElement(
|
|
"div",
|
|
{
|
|
className: `${IconClasses.icon} ${IconWrapperClasses.iconWrapper} ${IconWrapperClasses.clickable}`,
|
|
onMouseEnter,
|
|
onMouseLeave,
|
|
onClick: () => {
|
|
transitionTo(location.pathname + "/0");
|
|
},
|
|
},
|
|
React.createElement(
|
|
"svg",
|
|
{
|
|
className: IconWrapperClasses.icon,
|
|
"aria-hidden": "true",
|
|
role: "img",
|
|
width: "24",
|
|
height: "24",
|
|
fill: "none",
|
|
viewBox: "0 0 24 24",
|
|
},
|
|
React.createElement("path", {
|
|
fill: "currentColor",
|
|
d: "M 13.175373,22.074627 V 10.152985 l 3.69403,3.69403 c 0.335821,0.503731 1.175373,0.503731 1.511194,0.16791 0.503731,-0.335821 0.503731,-1.175373 0.16791,-1.511194 0,0 0,0 -0.16791,-0.16791 L 12.839552,6.6268657 c -0.503731,-0.5037314 -1.175373,-0.5037314 -1.511194,0 L 5.619403,12.335821 c -0.3358209,0.503731 -0.3358209,1.175373 0.1679104,1.511194 0.3358209,0.335821 1.0074627,0.335821 1.5111941,0 l 3.6940295,-3.69403 v 11.921642 c 0,0.671642 0.503732,1.175373 1.175373,1.175373 0.503732,-0.16791 1.007463,-0.503731 1.007463,-1.175373 z M 1.9253731,0.75 C 1.2537313,0.75 0.75,1.2537313 0.75,1.9253731 c 0,0.6716418 0.5037313,1.1753732 1.1753731,1.1753732 H 22.074627 C 22.746269,3.1007463 23.25,2.5970149 23.25,1.9253731 23.25,1.2537313 22.746269,0.75 22.074627,0.75 Z",
|
|
})
|
|
)
|
|
)
|
|
);
|
|
}
|
|
|
|
module.exports = class JumpToTop {
|
|
constructor(meta) {
|
|
this.meta = meta;
|
|
}
|
|
|
|
start() {
|
|
Patcher.after(
|
|
this.meta.name,
|
|
ChannelHeader,
|
|
"default",
|
|
(_, [{ toolbar }], returnValue) => {
|
|
const Toolbar = Utils.findInTree(toolbar, (prop) => Array.isArray(prop) && prop.some(element => element?.key === "pins"), {walkable: [ "props", "children" ]})
|
|
if (!Toolbar) return;
|
|
Toolbar.unshift(React.createElement(ToolbarComponent));
|
|
}
|
|
);
|
|
}
|
|
|
|
stop() {
|
|
Patcher.unpatchAll(this.meta.name);
|
|
}
|
|
};
|