This commit is contained in:
Mirco Wittrien 2020-04-11 16:24:58 +02:00
parent 78d43cf18b
commit db520e6eab
6 changed files with 29 additions and 44 deletions

View File

@ -628,7 +628,7 @@
BDFDB.DOMUtils.removeClass(icon, BDFDB.disCN.noticeicon); BDFDB.DOMUtils.removeClass(icon, BDFDB.disCN.noticeicon);
notice.insertBefore(icon, noticeMessage); notice.insertBefore(icon, noticeMessage);
} }
if (options.btn || options.button) notice.appendChild(BDFDB.DOMUtils.create(`<button class="${BDFDB.disCNS.noticebutton + BDFDB.disCNS.titlesize14 + BDFDB.disCN.weightmedium}">${options.btn || options.button}</button>`)); if (options.btn || options.button) notice.appendChild(BDFDB.DOMUtils.create(`<button class="${BDFDB.disCNS.noticebutton + BDFDB.disCN.titlesize14}">${options.btn || options.button}</button>`));
if (options.id) notice.id = options.id.split(" ").join(""); if (options.id) notice.id = options.id.split(" ").join("");
if (options.selector) BDFDB.DOMUtils.addClass(notice, options.selector); if (options.selector) BDFDB.DOMUtils.addClass(notice, options.selector);
if (options.css) BDFDB.DOMUtils.appendLocalStyle("BDFDBcustomNotificationBar" + id, options.css); if (options.css) BDFDB.DOMUtils.appendLocalStyle("BDFDBcustomNotificationBar" + id, options.css);
@ -3400,7 +3400,6 @@
let headerChildren = [], contentChildren = [], footerChildren = []; let headerChildren = [], contentChildren = [], footerChildren = [];
if (typeof config.text == "string") { if (typeof config.text == "string") {
contentChildren.push(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, { contentChildren.push(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, {
color: InternalComponents.LibraryComponents.TextElement.Colors.PRIMARY,
children: config.text children: config.text
})); }));
} }
@ -3486,8 +3485,7 @@
children: config.header children: config.header
}), }),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, { BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, {
size: InternalComponents.LibraryComponents.TextElement.Sizes.SMALL, size: InternalComponents.LibraryComponents.TextElement.Sizes.SIZE_12,
color: InternalComponents.LibraryComponents.TextElement.Colors.PRIMARY,
children: typeof config.subheader == "string" || BDFDB.ReactUtils.isValidElement(config.subheader) ? config.subheader : (name || "") children: typeof config.subheader == "string" || BDFDB.ReactUtils.isValidElement(config.subheader) ? config.subheader : (name || "")
}) })
] ]
@ -4433,7 +4431,7 @@
DiscordClassModules.Select = BDFDB.ModuleUtils.findByProperties("select", "error", "errorMessage"); DiscordClassModules.Select = BDFDB.ModuleUtils.findByProperties("select", "error", "errorMessage");
DiscordClassModules.SettingsCloseButton = BDFDB.ModuleUtils.findByProperties("closeButton", "keybind"); DiscordClassModules.SettingsCloseButton = BDFDB.ModuleUtils.findByProperties("closeButton", "keybind");
DiscordClassModules.SettingsItems = BDFDB.ModuleUtils.findByProperties("dividerMini", "note"); DiscordClassModules.SettingsItems = BDFDB.ModuleUtils.findByProperties("dividerMini", "note");
DiscordClassModules.SettingsTable = BDFDB.ModuleUtils.findByProperties("headerOption", "headerSize"); DiscordClassModules.SettingsTable = BDFDB.ModuleUtils.findByProperties("headerOption", "headerName");
DiscordClassModules.SettingsWindow = BDFDB.ModuleUtils.findByProperties("contentRegion", "standardSidebarView"); DiscordClassModules.SettingsWindow = BDFDB.ModuleUtils.findByProperties("contentRegion", "standardSidebarView");
DiscordClassModules.Slider = BDFDB.ModuleUtils.findByProperties("slider", "grabber"); DiscordClassModules.Slider = BDFDB.ModuleUtils.findByProperties("slider", "grabber");
DiscordClassModules.Spoiler = BDFDB.ModuleUtils.findByProperties("spoilerContainer", "hidden"); DiscordClassModules.Spoiler = BDFDB.ModuleUtils.findByProperties("spoilerContainer", "hidden");
@ -4442,9 +4440,8 @@
DiscordClassModules.Table = BDFDB.ModuleUtils.findByProperties("stickyHeader", "sortIcon"); DiscordClassModules.Table = BDFDB.ModuleUtils.findByProperties("stickyHeader", "sortIcon");
DiscordClassModules.Text = BDFDB.ModuleUtils.findByProperties("defaultColor", "defaultMarginh1"); DiscordClassModules.Text = BDFDB.ModuleUtils.findByProperties("defaultColor", "defaultMarginh1");
DiscordClassModules.TextColor = BDFDB.ModuleUtils.findByProperties("colorStandard", "colorMuted", "colorError"); DiscordClassModules.TextColor = BDFDB.ModuleUtils.findByProperties("colorStandard", "colorMuted", "colorError");
DiscordClassModules.TextColor2 = BDFDB.ModuleUtils.findByProperties("base", "muted", "wrapper"); DiscordClassModules.TextColor2 = BDFDB.ModuleUtils.findByProperties("muted", "wrapper", "base");
DiscordClassModules.TextSize = BDFDB.ModuleUtils.findByProperties("size10", "size14", "size20"); DiscordClassModules.TextSize = BDFDB.ModuleUtils.findByProperties("size10", "size14", "size20");
DiscordClassModules.TextStyle = BDFDB.ModuleUtils.findByProperties("large", "primary", "selectable");
DiscordClassModules.Tip = BDFDB.ModuleUtils.findByProperties("pro", "inline"); DiscordClassModules.Tip = BDFDB.ModuleUtils.findByProperties("pro", "inline");
DiscordClassModules.Title = BDFDB.ModuleUtils.findByProperties("title", "size18"); DiscordClassModules.Title = BDFDB.ModuleUtils.findByProperties("title", "size18");
DiscordClassModules.TitleBar = BDFDB.ModuleUtils.findByProperties("titleBar", "wordmark"); DiscordClassModules.TitleBar = BDFDB.ModuleUtils.findByProperties("titleBar", "wordmark");
@ -4825,9 +4822,10 @@
collapsecontainermini: ["BDFDB", "collapseContainerMini"], collapsecontainermini: ["BDFDB", "collapseContainerMini"],
collapsecontainertitle: ["BDFDB", "collapseContainerTitle"], collapsecontainertitle: ["BDFDB", "collapseContainerTitle"],
colorbase: ["TextColor2", "base"], colorbase: ["TextColor2", "base"],
colorbrand: ["TextColor", "colorBrand"],
colorerror: ["TextColor", "colorError"], colorerror: ["TextColor", "colorError"],
colormuted: ["TextColor", "colorMuted"], colormuted: ["TextColor", "colorMuted"],
colormuted2: ["TextColor2", "muted"], colorgreen: ["TextColor", "colorStatusGreen"],
colorpicker: ["ColorPicker", "colorPickerCustom"], colorpicker: ["ColorPicker", "colorPickerCustom"],
colorpickerhexinput: ["ColorPicker", "customColorPickerInput"], colorpickerhexinput: ["ColorPicker", "customColorPickerInput"],
colorpickerhue: ["ColorPickerInner", "hue"], colorpickerhue: ["ColorPickerInner", "hue"],
@ -4846,7 +4844,12 @@
colorpickerswatchselected: ["BDFDB", "colorPickerSwatchSelected"], colorpickerswatchselected: ["BDFDB", "colorPickerSwatchSelected"],
colorpickerswatchsingle: ["BDFDB", "colorPickerSwatchSingle"], colorpickerswatchsingle: ["BDFDB", "colorPickerSwatchSingle"],
colorpickerwrapper: ["BDFDB", "colorPicker"], colorpickerwrapper: ["BDFDB", "colorPicker"],
colorprimary: ["TextColor", "colorHeaderPrimary"],
colorred: ["TextColor", "colorStatusRed"],
colorsecondary: ["TextColor", "colorHeaderSecondary"],
colorselectable: ["TextColor", "selectable"],
colorstandard: ["TextColor", "colorStandard"], colorstandard: ["TextColor", "colorStandard"],
coloryellow: ["TextColor", "colorStatusYellow"],
contentcolumn: ["SettingsWindow", "contentColumn"], contentcolumn: ["SettingsWindow", "contentColumn"],
contentregion: ["SettingsWindow", "contentRegion"], contentregion: ["SettingsWindow", "contentRegion"],
contextmenu: ["ContextMenu", "contextMenu"], contextmenu: ["ContextMenu", "contextMenu"],
@ -5025,8 +5028,6 @@
golivegamewrapper: ["GoLiveDetails", "gameWrapper"], golivegamewrapper: ["GoLiveDetails", "gameWrapper"],
goliveinfo: ["GoLiveDetails", "info"], goliveinfo: ["GoLiveDetails", "info"],
golivepanel: ["GoLiveDetails", "panel"], golivepanel: ["GoLiveDetails", "panel"],
green: ["TextStyle", "statusGreen"],
grey: ["TextStyle", "statusGrey"],
guild: ["BDFDB", "guild"], guild: ["BDFDB", "guild"],
guildbuttoncontainer: ["GuildsItems", "circleButtonMask"], guildbuttoncontainer: ["GuildsItems", "circleButtonMask"],
guildbuttoninner: ["GuildsItems", "circleIconButton"], guildbuttoninner: ["GuildsItems", "circleIconButton"],
@ -5233,7 +5234,6 @@
justifycenter: ["Flex", "justifyCenter"], justifycenter: ["Flex", "justifyCenter"],
justifyend: ["Flex", "justifyEnd"], justifyend: ["Flex", "justifyEnd"],
justifystart: ["Flex", "justifyStart"], justifystart: ["Flex", "justifyStart"],
large: ["TextStyle", "large"],
layermodal: ["LayerModal", "root"], layermodal: ["LayerModal", "root"],
layermodallarge: ["LayerModal", "large"], layermodallarge: ["LayerModal", "large"],
layermodalmedium: ["LayerModal", "medium"], layermodalmedium: ["LayerModal", "medium"],
@ -5271,7 +5271,6 @@
margintop20: ["Margins", "marginTop20"], margintop20: ["Margins", "marginTop20"],
margintop40: ["Margins", "marginTop40"], margintop40: ["Margins", "marginTop40"],
margintop60: ["Margins", "marginTop60"], margintop60: ["Margins", "marginTop60"],
medium: ["TextStyle", "medium"],
member: ["Member", "member"], member: ["Member", "member"],
memberactivity: ["Member", "activity"], memberactivity: ["Member", "activity"],
membericon: ["Member", "icon"], membericon: ["Member", "icon"],
@ -5454,6 +5453,7 @@
noticebutton: ["Notice", "button"], noticebutton: ["Notice", "button"],
noticedanger: ["Notice", "noticeDanger"], noticedanger: ["Notice", "noticeDanger"],
noticedefault: ["Notice", "noticeDefault"], noticedefault: ["Notice", "noticeDefault"],
noticedownload: ["Notice", "noticeDownload"],
noticedismiss: ["Notice", "dismiss"], noticedismiss: ["Notice", "dismiss"],
noticefacebook: ["Notice", "noticeFacebook"], noticefacebook: ["Notice", "noticeFacebook"],
noticeicon: ["Notice", "icon"], noticeicon: ["Notice", "icon"],
@ -5461,6 +5461,7 @@
noticeiconapple: ["Notice", "iconApple"], noticeiconapple: ["Notice", "iconApple"],
noticeiconwindows: ["Notice", "iconWindows"], noticeiconwindows: ["Notice", "iconWindows"],
noticeinfo: ["Notice", "noticeInfo"], noticeinfo: ["Notice", "noticeInfo"],
noticenotification: ["Notice", "noticeNotification"],
noticeplatformicon: ["Notice", "platformIcon"], noticeplatformicon: ["Notice", "platformIcon"],
noticepremium: ["Notice", "noticePremium"], noticepremium: ["Notice", "noticePremium"],
noticepremiumaction: ["Notice", "premiumAction"], noticepremiumaction: ["Notice", "premiumAction"],
@ -5501,7 +5502,6 @@
popouttopleft: ["Popout", "popoutTopLeft"], popouttopleft: ["Popout", "popoutTopLeft"],
popouttopright: ["Popout", "popoutTopRight"], popouttopright: ["Popout", "popoutTopRight"],
popoutwrapper: ["BDFDB", "popoutWrapper"], popoutwrapper: ["BDFDB", "popoutWrapper"],
primary: ["TextStyle", "primary"],
quickmessage: ["QuickMessage", "quickMessage"], quickmessage: ["QuickMessage", "quickMessage"],
quickmessagepopout: ["UserPopout", "quickMessage"], quickmessagepopout: ["UserPopout", "quickMessage"],
quickselect: ["QuickSelect", "quickSelect"], quickselect: ["QuickSelect", "quickSelect"],
@ -5537,7 +5537,6 @@
recentmentionstabbar: ["RecentMentions", "tabBar"], recentmentionstabbar: ["RecentMentions", "tabBar"],
recentmentionstabbaritem: ["RecentMentions", "tabBarItem"], recentmentionstabbaritem: ["RecentMentions", "tabBarItem"],
recentmentionstabbarwrapper: ["RecentMentions", "headerTabBarWrapper"], recentmentionstabbarwrapper: ["RecentMentions", "headerTabBarWrapper"],
red: ["TextStyle", "statusRed"],
scrollbar: ["Scrollbar", "scrollbar"], scrollbar: ["Scrollbar", "scrollbar"],
scrollbardefault: ["Scrollbar", "scrollbarDefault"], scrollbardefault: ["Scrollbar", "scrollbarDefault"],
scrollbarghost: ["Scrollbar", "scrollbarGhost"], scrollbarghost: ["Scrollbar", "scrollbarGhost"],
@ -5609,7 +5608,6 @@
searchresultssearchheader: ["SearchResults", "searchHeader"], searchresultssearchheader: ["SearchResults", "searchHeader"],
searchresultswrap: ["SearchResults", "searchResultsWrap"], searchresultswrap: ["SearchResults", "searchResultsWrap"],
select: ["NotFound", "select"], select: ["NotFound", "select"],
selectable: ["TextStyle", "selectable"],
selectarrow: ["NotFound", "selectArrow"], selectarrow: ["NotFound", "selectArrow"],
selectarrowcontainer: ["NotFound", "selectArrowContainer"], selectarrowcontainer: ["NotFound", "selectArrowContainer"],
selectarrowcontainerdark: ["NotFound", "selectArrowContainerDark"], selectarrowcontainerdark: ["NotFound", "selectArrowContainerDark"],
@ -5660,7 +5658,6 @@
settingstableheadername: ["SettingsTable", "headerName"], settingstableheadername: ["SettingsTable", "headerName"],
settingstableheaderoption: ["SettingsTable", "headerOption"], settingstableheaderoption: ["SettingsTable", "headerOption"],
settingstableheaders: ["BDFDB", "settingsTableHeaders"], settingstableheaders: ["BDFDB", "settingsTableHeaders"],
settingstableheadersize: ["SettingsTable", "headerSize"],
settingstableheadervertical: ["BDFDB", "settingsTableHeaderVertical"], settingstableheadervertical: ["BDFDB", "settingsTableHeaderVertical"],
settingstablecard: ["BDFDB", "settingsTableCard"], settingstablecard: ["BDFDB", "settingsTableCard"],
settingstablecardconfigs: ["BDFDB", "settingsTableCardConfigs"], settingstablecardconfigs: ["BDFDB", "settingsTableCardConfigs"],
@ -5694,7 +5691,6 @@
spoilerhidden: ["Spoiler", "hidden"], spoilerhidden: ["Spoiler", "hidden"],
spoilertext: ["Spoiler", "spoilerText"], spoilertext: ["Spoiler", "spoilerText"],
spoilerwarning: ["Spoiler", "spoilerWarning"], spoilerwarning: ["Spoiler", "spoilerWarning"],
small: ["TextStyle", "small"],
splashbackground: ["NotFound", "splashBackground"], splashbackground: ["NotFound", "splashBackground"],
standardsidebarview: ["SettingsWindow", "standardSidebarView"], standardsidebarview: ["SettingsWindow", "standardSidebarView"],
status: ["Avatar", "status"], status: ["Avatar", "status"],
@ -5946,11 +5942,8 @@
weightmedium: ["TextStyle", "weightMedium"], weightmedium: ["TextStyle", "weightMedium"],
weightnormal: ["TextStyle", "weightNormal"], weightnormal: ["TextStyle", "weightNormal"],
weightsemibold: ["TextStyle", "weightSemiBold"], weightsemibold: ["TextStyle", "weightSemiBold"],
white: ["TextStyle", "white"],
whitney: ["TextStyle", "whitney"],
wrap: ["Flex", "wrap"], wrap: ["Flex", "wrap"],
wrapreverse: ["Flex", "wrapReverse"], wrapreverse: ["Flex", "wrapReverse"]
yellow: ["TextStyle", "statusYellow"]
}; };
BDFDB.DiscordClasses = Object.assign({}, DiscordClasses); BDFDB.DiscordClasses = Object.assign({}, DiscordClasses);
@ -6595,7 +6588,6 @@
}) : null, }) : null,
typeof this.props.children == "string" ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, { typeof this.props.children == "string" ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, {
className: BDFDB.disCN.hovercardinner, className: BDFDB.disCN.hovercardinner,
color: InternalComponents.LibraryComponents.TextElement.Colors.PRIMARY,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextScroller, {children: this.props.children}) children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextScroller, {children: this.props.children})
}) : this.props.children }) : this.props.children
].flat(10).filter(n => n) ].flat(10).filter(n => n)
@ -7826,7 +7818,7 @@
marginTop: this.props.biggestWidth - 15 || 0 marginTop: this.props.biggestWidth - 15 || 0
} : {}, } : {},
children: [].concat(this.props.title || "", this.props.settings).map((setting, i) => BDFDB.ReactUtils.createElement("div", { children: [].concat(this.props.title || "", this.props.settings).map((setting, i) => BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(i == 0 ? BDFDB.disCN.settingstableheadername : BDFDB.disCN.settingstableheaderoption, i != 0 && this.props.vertical && BDFDB.disCN.settingstableheadervertical, BDFDB.disCN.settingstableheader, BDFDB.disCN.settingstableheadersize, BDFDB.disCN.primary, BDFDB.disCN.weightbold, isHeaderClickable && BDFDB.disCN.cursorpointer), className: BDFDB.DOMUtils.formatClassName(i == 0 ? BDFDB.disCN.settingstableheadername : BDFDB.disCN.settingstableheaderoption, i != 0 && this.props.vertical && BDFDB.disCN.settingstableheadervertical, BDFDB.disCN.colorbase, BDFDB.disCN.size10, isHeaderClickable && BDFDB.disCN.cursorpointer),
onClick: _ => {if (typeof this.props.onHeaderClick == "function") this.props.onHeaderClick(setting, this);}, onClick: _ => {if (typeof this.props.onHeaderClick == "function") this.props.onHeaderClick(setting, this);},
onContextMenu: _ => {if (typeof this.props.onHeaderContextMenu == "function") this.props.onHeaderContextMenu(setting, this);}, onContextMenu: _ => {if (typeof this.props.onHeaderContextMenu == "function") this.props.onHeaderContextMenu(setting, this);},
style: i != 0 && this.props.maxWidth ? { style: i != 0 && this.props.maxWidth ? {
@ -8244,8 +8236,10 @@
align: InternalComponents.LibraryComponents.Flex.Align.CENTER, align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
children: inputchildren.map((child, i) => i != 0 ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {shrink: 0, children: child}) : child) children: inputchildren.map((child, i) => i != 0 ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {shrink: 0, children: child}) : child)
}), }),
this.props.errorMessage ? BDFDB.ReactUtils.createElement("div", { this.props.errorMessage ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, {
className: BDFDB.disCNS.carderror + BDFDB.disCNS.small + BDFDB.disCN.red, className: BDFDB.disCN.carderror,
size: InternalComponents.LibraryComponents.TextElement.Sizes.SIZE_12,
color: InternalComponents.LibraryComponents.TextElement.Colors.STATUS_RED,
children: this.props.errorMessage children: this.props.errorMessage
}) : null }) : null
].filter(n => n) ].filter(n => n)

File diff suppressed because one or more lines are too long

View File

@ -631,7 +631,6 @@ var FriendNotifications = (_ => {
align: BDFDB.LibraryComponents.Flex.Align.CENTER, align: BDFDB.LibraryComponents.Flex.Align.CENTER,
children: [ children: [
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, { BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, {
color: BDFDB.LibraryComponents.TextElement.Colors.PRIMARY,
className: "log-time", className: "log-time",
children: `[${log.timestring}]` children: `[${log.timestring}]`
}), }),
@ -645,7 +644,6 @@ var FriendNotifications = (_ => {
className: "log-content", className: "log-content",
speed: 1, speed: 1,
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, { children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, {
color: BDFDB.LibraryComponents.TextElement.Colors.PRIMARY,
children: BDFDB.ReactUtils.elementToReact(BDFDB.DOMUtils.create(log.string)) children: BDFDB.ReactUtils.elementToReact(BDFDB.DOMUtils.create(log.string))
}) })
}) })

View File

@ -6,7 +6,7 @@ var ImageGallery = (_ => {
return class ImageGallery { return class ImageGallery {
getName () {return "ImageGallery";} getName () {return "ImageGallery";}
getVersion () {return "1.6.7";} getVersion () {return "1.6.8";}
getAuthor () {return "DevilBro";} getAuthor () {return "DevilBro";}
@ -14,7 +14,7 @@ var ImageGallery = (_ => {
constructor () { constructor () {
this.changelog = { this.changelog = {
"improved":[["Positioning","Improved the position of the sibling images to be placed in the center"]] "improved":[["Styling","Fixed the style for the details section"]]
}; };
this.patchedModules = { this.patchedModules = {
@ -183,19 +183,14 @@ var ImageGallery = (_ => {
{label: "Source", text: e.instance.props.src}, {label: "Source", text: e.instance.props.src},
{label: "Size", text: `${e.instance.props.width} x ${e.instance.props.height}px`}, {label: "Size", text: `${e.instance.props.width} x ${e.instance.props.height}px`},
{label: "Image", text: `${index+1} of ${amount}`} {label: "Image", text: `${index+1} of ${amount}`}
].map(data => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, { ].map(data => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, {
className: BDFDB.disCNS._imagegallerydetails + BDFDB.disCN.primary, className: BDFDB.disCN._imagegallerydetails,
children: [ children: [
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, { BDFDB.ReactUtils.createElement("div", {
grow: 0,
shrink: 0,
basis: 100,
className: BDFDB.disCN._imagegallerydetailslabel, className: BDFDB.disCN._imagegallerydetailslabel,
children: data.label + ":" children: data.label + ":"
}), }),
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextScroller, { data.text
children: data.text
})
] ]
})) }))
})); }));

View File

@ -30,13 +30,11 @@ var ShowImageDetails = (_ => {
}), }),
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, { BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, {
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, { children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, {
color: BDFDB.LibraryComponents.TextElement.Colors.PRIMARY,
children: BDFDB.NumberUtils.formatBytes(this.props.attachment.size) children: BDFDB.NumberUtils.formatBytes(this.props.attachment.size)
}) })
}), }),
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, { BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, {
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, { children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, {
color: BDFDB.LibraryComponents.TextElement.Colors.PRIMARY,
children: `${this.props.attachment.width}x${this.props.attachment.height}px` children: `${this.props.attachment.width}x${this.props.attachment.height}px`
}) })
}) })

View File

@ -1077,9 +1077,9 @@
<div> <div>
<div class="REPLACE_CLASS_voicedetailsstatus REPLACE_CLASS_voicedetailsqualityfine"> <div class="REPLACE_CLASS_voicedetailsstatus REPLACE_CLASS_voicedetailsqualityfine">
<svg class="REPLACE_CLASS_voicedetailsping" width="11" height="12" viewBox="0 0 11 12" aria-label="26 ms"> <svg class="REPLACE_CLASS_voicedetailsping" width="11" height="12" viewBox="0 0 11 12" aria-label="26 ms">
<rect color="currentColor" class="REPLACE_CLASS_voicedetailspingforeground" x="0" y="8" width="3" height="4" rx="1"></rect> <rect fill="currentColor" class="REPLACE_CLASS_voicedetailspingforeground" x="0" y="8" width="3" height="4" rx="1"></rect>
<rect color="currentColor" class="REPLACE_CLASS_voicedetailspingforeground" x="4" y="4" width="3" height="8" rx="1"></rect> <rect fill="currentColor" class="REPLACE_CLASS_voicedetailspingforeground" x="4" y="4" width="3" height="8" rx="1"></rect>
<rect color="currentColor" class="REPLACE_CLASS_voicedetailspingforeground" x="8" y="0" width="3" height="12" rx="1"></rect> <rect fill="currentColor" class="REPLACE_CLASS_voicedetailspingforeground" x="8" y="0" width="3" height="12" rx="1"></rect>
</svg> </svg>
<div class="REPLACE_CLASS_voicedetailslabelwrapper"> <div class="REPLACE_CLASS_voicedetailslabelwrapper">
<button aria-label="Set Voice Status" type="button" class="REPLACE_CLASS_voicedetailsstatuswithpopout REPLACE_CLASS_voicedetailsstatusconnected REPLACE_CLASS_button REPLACE_CLASS_buttonlookblank REPLACE_CLASS_buttoncolorbrand REPLACE_CLASS_buttongrow"> <button aria-label="Set Voice Status" type="button" class="REPLACE_CLASS_voicedetailsstatuswithpopout REPLACE_CLASS_voicedetailsstatusconnected REPLACE_CLASS_button REPLACE_CLASS_buttonlookblank REPLACE_CLASS_buttoncolorbrand REPLACE_CLASS_buttongrow">