initial commit
This commit is contained in:
37
fluxer_app/src/contexts/AuthLayoutContext.tsx
Normal file
37
fluxer_app/src/contexts/AuthLayoutContext.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
/*
|
||||
* Copyright (C) 2026 Fluxer Contributors
|
||||
*
|
||||
* This file is part of Fluxer.
|
||||
*
|
||||
* Fluxer is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* Fluxer is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with Fluxer. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import type {GuildSplashCardAlignmentValue} from '~/Constants';
|
||||
|
||||
interface AuthLayoutContextType {
|
||||
setSplashUrl: (url: string | null) => void;
|
||||
setShowLogoSide: (show: boolean) => void;
|
||||
setSplashCardAlignment: React.Dispatch<React.SetStateAction<GuildSplashCardAlignmentValue>>;
|
||||
}
|
||||
|
||||
export const AuthLayoutContext = React.createContext<AuthLayoutContextType | null>(null);
|
||||
|
||||
export const useAuthLayoutContext = () => {
|
||||
const context = React.useContext(AuthLayoutContext);
|
||||
if (!context) {
|
||||
throw new Error('useAuthLayoutContext must be used within AuthLayoutProvider');
|
||||
}
|
||||
return context;
|
||||
};
|
||||
44
fluxer_app/src/contexts/ChannelListScrollbarContext.tsx
Normal file
44
fluxer_app/src/contexts/ChannelListScrollbarContext.tsx
Normal file
@@ -0,0 +1,44 @@
|
||||
/*
|
||||
* Copyright (C) 2026 Fluxer Contributors
|
||||
*
|
||||
* This file is part of Fluxer.
|
||||
*
|
||||
* Fluxer is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* Fluxer is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with Fluxer. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
import type React from 'react';
|
||||
import {createContext, useContext} from 'react';
|
||||
|
||||
export interface ChannelListScrollbarContextValue {
|
||||
hasScrollbar: boolean;
|
||||
}
|
||||
|
||||
export const ChannelListScrollbarContext = createContext<ChannelListScrollbarContextValue | null>(null);
|
||||
|
||||
export const useChannelListScrollbar = (): ChannelListScrollbarContextValue => {
|
||||
const context = useContext(ChannelListScrollbarContext);
|
||||
if (!context) {
|
||||
throw new Error('useChannelListScrollbar must be used within a ChannelListScrollbarProvider');
|
||||
}
|
||||
return context;
|
||||
};
|
||||
|
||||
interface ChannelListScrollbarProviderProps {
|
||||
children: React.ReactNode;
|
||||
value: ChannelListScrollbarContextValue;
|
||||
}
|
||||
|
||||
export const ChannelListScrollbarProvider: React.FC<ChannelListScrollbarProviderProps> = ({children, value}) => {
|
||||
return <ChannelListScrollbarContext.Provider value={value}>{children}</ChannelListScrollbarContext.Provider>;
|
||||
};
|
||||
40
fluxer_app/src/contexts/LayoutVariantContext.tsx
Normal file
40
fluxer_app/src/contexts/LayoutVariantContext.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
/*
|
||||
* Copyright (C) 2026 Fluxer Contributors
|
||||
*
|
||||
* This file is part of Fluxer.
|
||||
*
|
||||
* Fluxer is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* Fluxer is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with Fluxer. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
|
||||
export type LayoutVariant = 'app' | 'auth';
|
||||
|
||||
interface LayoutVariantContextValue {
|
||||
variant: LayoutVariant;
|
||||
setVariant: (variant: LayoutVariant) => void;
|
||||
}
|
||||
|
||||
const defaultValue: LayoutVariantContextValue = {
|
||||
variant: 'app',
|
||||
setVariant: () => {},
|
||||
};
|
||||
|
||||
const LayoutVariantContext = React.createContext<LayoutVariantContextValue>(defaultValue);
|
||||
|
||||
export const LayoutVariantProvider = LayoutVariantContext.Provider;
|
||||
|
||||
export const useLayoutVariant = () => React.useContext(LayoutVariantContext).variant;
|
||||
|
||||
export const useSetLayoutVariant = () => React.useContext(LayoutVariantContext).setVariant;
|
||||
Reference in New Issue
Block a user