this repo has no description

Merge pull request #54 from redstonekasi/mb-classes-fix

moonbase: fix settings tab classes

Changed files
+32 -47
packages
core-extensions
src
moonbase
webpackModules
ui
extensions
+32 -47
packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx
···
import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";
-
// ew
-
let UserProfileClasses: any;
-
spacepack
-
.lazyLoad(
-
"handleOpenUserProfileModal",
-
/.\.e\("(\d+)"\)\.then\(.\.bind\(.,\d+?\)\);return .{0,20}?\(.,\{location:"handleOpenUserProfileModal"/g,
-
/.\.e\("\d+"\)\.then\(.\.bind\(.,(\d+?)\)\);return .{0,20}?\(.,\{location:"handleOpenUserProfileModal"/
-
)
-
.then(
-
() =>
-
(UserProfileClasses = spacepack.findByCode(
-
"tabBarContainer",
-
"topSection"
-
)[0].exports)
-
);
-
const { DownloadIcon, TrashIcon, CircleExclamationPointIcon } =
CommonComponents;
const PanelButton = spacepack.findByCode("Masks.PANEL_BUTTON")[0].exports.Z;
export default function ExtensionCard({ uniqueId }: { uniqueId: number }) {
const [tab, setTab] = React.useState(ExtensionPage.Info);
···
</Flex>
</div>
-
<div className={UserProfileClasses.body}>
{(description != null || settings != null) && (
-
<div
-
className={UserProfileClasses.tabBarContainer}
style={{
-
padding: "0 10px"
}}
>
-
<TabBar
-
selectedItem={tab}
-
type="top"
-
onItemSelect={setTab}
-
className={UserProfileClasses.tabBar}
>
<TabBar.Item
-
className={UserProfileClasses.tabBarItem}
-
id={ExtensionPage.Info}
>
-
Info
</TabBar.Item>
-
{description != null && (
-
<TabBar.Item
-
className={UserProfileClasses.tabBarItem}
-
id={ExtensionPage.Description}
-
>
-
Description
-
</TabBar.Item>
-
)}
-
-
{settings != null && (
-
<TabBar.Item
-
className={UserProfileClasses.tabBarItem}
-
id={ExtensionPage.Settings}
-
>
-
Settings
-
</TabBar.Item>
-
)}
-
</TabBar>
-
</div>
)}
<Flex
···
import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";
const { DownloadIcon, TrashIcon, CircleExclamationPointIcon } =
CommonComponents;
const PanelButton = spacepack.findByCode("Masks.PANEL_BUTTON")[0].exports.Z;
+
const TabBarClasses = spacepack.findByExports(
+
"tabBar",
+
"tabBarItem",
+
"headerContentWrapper"
+
)[0].exports;
export default function ExtensionCard({ uniqueId }: { uniqueId: number }) {
const [tab, setTab] = React.useState(ExtensionPage.Info);
···
</Flex>
</div>
+
<div>
{(description != null || settings != null) && (
+
<TabBar
+
selectedItem={tab}
+
type="top"
+
onItemSelect={setTab}
+
className={TabBarClasses.tabBar}
style={{
+
padding: "0 20px"
}}
>
+
<TabBar.Item
+
className={TabBarClasses.tabBarItem}
+
id={ExtensionPage.Info}
>
+
Info
+
</TabBar.Item>
+
+
{description != null && (
<TabBar.Item
+
className={TabBarClasses.tabBarItem}
+
id={ExtensionPage.Description}
>
+
Description
</TabBar.Item>
+
)}
+
{settings != null && (
+
<TabBar.Item
+
className={TabBarClasses.tabBarItem}
+
id={ExtensionPage.Settings}
+
>
+
Settings
+
</TabBar.Item>
+
)}
+
</TabBar>
)}
<Flex