Hello "/onboarding/preferences/mods"!
+ return (
+
+
+ );
+}
+
+interface ModCardProps {
+ active: boolean;
+}
+
+function ModCard(props: ModCardProps) {
+ const { active } = props;
+
+ return (
+
+
+ Choose Mods
++ Something something in corporate style fashion about picking your preferred gamemodes and versions and + optionally loader so that oneclient can pick something for them +
+ +
+
+
+ Skyblock
+ Survival
+ Minigames
+ PVP
+ GUI
+ Utility
+ Misc
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 31 Mods selected
+
+
+ {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15].map(x => (
+
+
+ {x % 2 === 0 ?
+ ))}
+
+
+ );
+}
+
+function ModCard2(props: ModCardProps) {
+ const { active } = props;
+
+ return (
+
+ 
+
+
+
+
+ Chatting
++ by + {' '} + {' '} + Polyfrost +
+
+
+ Chatting is a chat mod adding utilities such as extremely customizable chat tabs, chat shortcuts, chat screenshots, and message copying.
+
+
+ );
}
diff --git a/apps/oneclient/frontend/src/routes/onboarding/preferences/versions.tsx b/apps/oneclient/frontend/src/routes/onboarding/preferences/versions.tsx
index b02241c2..e75e7427 100644
--- a/apps/oneclient/frontend/src/routes/onboarding/preferences/versions.tsx
+++ b/apps/oneclient/frontend/src/routes/onboarding/preferences/versions.tsx
@@ -25,7 +25,7 @@ const versions = [
function RouteComponent() {
return (
-
+
+
+
+
+
+ Chatting
++ by + {' '} + {' '} + Polyfrost +
+
+
+ Chatting is a chat mod adding utilities such as extremely customizable chat tabs, chat shortcuts, chat screenshots, and message copying. Chatting is a chat mod adding utilities such as extremely customizable chat tabs, chat shortcuts, chat screenshots, and message copying Chatting is a chat mod adding utilities such as extremely customizable chat tabs, chat shortcuts, chat screenshots, and message copying
+
+
Starting Versions
@@ -42,7 +42,7 @@ function RouteComponent() { /> ))}
-
diff --git a/apps/oneclient/frontend/src/routes/onboarding/route.tsx b/apps/oneclient/frontend/src/routes/onboarding/route.tsx
index b534dc2a..8a362461 100644
--- a/apps/oneclient/frontend/src/routes/onboarding/route.tsx
+++ b/apps/oneclient/frontend/src/routes/onboarding/route.tsx
@@ -1,5 +1,6 @@
import type { PropsWithChildren } from 'react';
-import Logo from '@/assets/logos/oneclient2.svg';
+import Logo from '@/assets/logos/Logo.svg';
+import LauncherLogo from '@/assets/logos/oneclient.svg?react';
import { LoaderSuspense, NavbarButton } from '@/components';
import { GameBackground } from '@/components/GameBackground';
import { Stepper } from '@/components/Stepper';
@@ -109,7 +110,7 @@ function AppShell({
@@ -131,10 +132,10 @@ function AppShell({
}
function BackgroundGradient() {
- const background = useAppShellStore(state => state.background);
+ // const background = useAppShellStore(state => state.background);
- if (background === 'none')
- return undefined;
+ // if (background === 'none')
+ // return undefined;
return (
+
@@ -63,7 +63,7 @@ export function VersionCard({ version, tags }: VersionCardProps) {
- 
+
diff --git a/packages/web_common/src/components/TabList.tsx b/packages/web_common/src/components/TabList.tsx
new file mode 100644
index 00000000..000dc7d1
--- /dev/null
+++ b/packages/web_common/src/components/TabList.tsx
@@ -0,0 +1,127 @@
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+import { createContext, useContext, useState } from 'react';
+import { twMerge } from 'tailwind-merge';
+
+// i thank chatgpt for this i dont want to replace current tabs component yet so this is going to be here for some time
+interface TabsContextType {
+ activeTab: string;
+ setActiveTab: (value: string) => void;
+}
+
+const TabsContext = createContext(null);
+
+function useTabs() {
+ const context = useContext(TabsContext);
+ if (!context)
+ throw new Error('useTabs must be used within a component');
+
+ return context;
+}
+
+interface TabsProps {
+ defaultValue: string;
+ children: ReactNode;
+}
+
+export function Tabs({ defaultValue, children }: TabsProps) {
+ const [activeTab, setActiveTab] = useState(defaultValue);
+
+ return (
+
+ {children}
+
+ );
+}
+
+interface TabListProps extends HTMLAttributes {
+ floating?: boolean;
+ ref?: Ref;
+}
+
+export function TabList({
+ className,
+ children,
+ floating = false,
+ ref,
+}: TabListProps) {
+ return (
+ , 'value'> {
+ value: string;
+}
+
+export function Tab({
+ children,
+ value,
+ className,
+ ...rest
+}: TabProps) {
+ const { activeTab, setActiveTab } = useTabs();
+ const isActive = activeTab === value;
+
+ return (
+ {
+ value: string;
+}
+
+export function TabPanel({ children, value, ...rest }: TabPanelProps) {
+ const { activeTab } = useTabs();
+
+ if (activeTab !== value)
+ return null;
+
+ return (
+ ) {
+ return (
+
+
+ );
+}
+
+interface TabProps extends Omit
+ {children}
+
+
+
+
+ );
+}
+
+interface TabPanelProps extends HTMLAttributes
+ {children}
+
+ );
+}
+
+export function TabContent({ children, className, ...rest }: HTMLAttributes
+ {children}
+
+ );
+}
diff --git a/packages/web_common/src/components/index.ts b/packages/web_common/src/components/index.ts
index 1632a0ac..6445f0b5 100644
--- a/packages/web_common/src/components/index.ts
+++ b/packages/web_common/src/components/index.ts
@@ -7,6 +7,7 @@ export * from './Popup';
export * from './SelectList';
export * from './Show';
export * from './Switch';
+export * from './TabList';
export * from './TextField';
export * from './ToggleButton';
export * from './Tooltip';
diff --git a/packages/web_common/src/hooks/usePagination.tsx b/packages/web_common/src/hooks/usePagination.tsx
index 332982b1..cac8922b 100644
--- a/packages/web_common/src/hooks/usePagination.tsx
+++ b/packages/web_common/src/hooks/usePagination.tsx
@@ -1,6 +1,6 @@
-import { Button, Show } from '@onelauncher/common/components';
import { ChevronLeftIcon, ChevronRightIcon } from '@untitled-theme/icons-react';
import { useState } from 'react';
+import { Button, Show } from '../components';
export interface PaginationOptions {
itemsCount: number;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ed0eab31..c243cacb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -277,9 +277,6 @@ importers:
'@tauri-apps/plugin-dialog':
specifier: 'catalog:'
version: 2.2.1
- '@tauri-apps/plugin-opener':
- specifier: 'catalog:'
- version: 2.3.0
'@untitled-theme/icons-react':
specifier: 'catalog:'
version: 0.14.0(@types/react@19.1.2)(react@19.1.0)
@@ -304,12 +301,12 @@ importers:
react-just-parallax:
specifier: 'catalog:'
version: 3.1.16(react@19.1.0)
- react-toastify:
- specifier: 'catalog:'
- version: 11.0.5(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
react-markdown:
specifier: ^10.1.0
version: 10.1.0(@types/react@19.1.2)(react@19.1.0)
+ react-toastify:
+ specifier: 'catalog:'
+ version: 11.0.5(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
rehype-raw:
specifier: ^7.0.0
version: 7.0.0