IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Common:Fix isVersion error.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-08-19 10:00:18 +03:00
parent c16b1844a5
commit b7eec9fa1d
2 changed files with 224 additions and 221 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

439
packages/common/components/ColorTheme/ColorTheme.js
View File

@ -29,226 +29,229 @@ import {
} from "./styled";
import { ThemeType } from "./constants";
const ColorTheme = forwardRef(({ currentColorScheme, ...props }, ref) => {
switch (props.type) {
case ThemeType.Button: {
return (
<ButtonTheme
$currentColorScheme={currentColorScheme}
{...props}
ref={ref}
/>
);
}
case ThemeType.MainButton: {
return (
<MainButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.CatalogItem: {
return (
<CatalogItemTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.Badge: {
return (
<BadgeTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.SubmenuText: {
return (
<SubmenuTextTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.SubmenuItemLabel: {
return (
<SubmenuItemLabelTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.ToggleButton: {
return (
<ToggleButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.TabsContainer: {
return (
<TabsContainerTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.IconButton: {
return (
<IconButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.IconButtonPin: {
return (
<IconButtonPinTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.IndicatorFilterButton: {
return (
<IndicatorFilterButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.FilterBlockItemTag: {
return (
<FilterBlockItemTagTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.IconWrapper: {
return (
<IconWrapperTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.Calendar: {
return (
<CalendarTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.VersionBadge: {
return (
<VersionBadgeTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.Textarea: {
return (
<TextareaTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.InputBlock: {
return (
<InputBlockTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.TextInput: {
return (
<TextInputTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.ComboButton: {
return (
<ComboButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.LinkForgotPassword: {
return (
<LinkForgotPasswordTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.LoadingButton: {
return (
<LoadingButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.FloatingButton: {
return (
<FloatingButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.InfoPanelToggle: {
return (
<InfoPanelToggleTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.Link: {
return (
<LinkTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
const ColorTheme = forwardRef(
({ currentColorScheme, isVersion, ...props }, ref) => {
switch (props.type) {
case ThemeType.Button: {
return (
<ButtonTheme
$currentColorScheme={currentColorScheme}
{...props}
ref={ref}
/>
);
}
case ThemeType.MainButton: {
return (
<MainButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.CatalogItem: {
return (
<CatalogItemTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.Badge: {
return (
<BadgeTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.SubmenuText: {
return (
<SubmenuTextTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.SubmenuItemLabel: {
return (
<SubmenuItemLabelTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.ToggleButton: {
return (
<ToggleButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.TabsContainer: {
return (
<TabsContainerTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.IconButton: {
return (
<IconButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.IconButtonPin: {
return (
<IconButtonPinTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.IndicatorFilterButton: {
return (
<IndicatorFilterButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.FilterBlockItemTag: {
return (
<FilterBlockItemTagTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.IconWrapper: {
return (
<IconWrapperTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.Calendar: {
return (
<CalendarTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.VersionBadge: {
return (
<VersionBadgeTheme
{...props}
$currentColorScheme={currentColorScheme}
$isVersion={isVersion}
ref={ref}
/>
);
}
case ThemeType.Textarea: {
return (
<TextareaTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.InputBlock: {
return (
<InputBlockTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.TextInput: {
return (
<TextInputTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.ComboButton: {
return (
<ComboButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.LinkForgotPassword: {
return (
<LinkForgotPasswordTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.LoadingButton: {
return (
<LoadingButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.FloatingButton: {
return (
<FloatingButtonTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.InfoPanelToggle: {
return (
<InfoPanelToggleTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
case ThemeType.Link: {
return (
<LinkTheme
{...props}
$currentColorScheme={currentColorScheme}
ref={ref}
/>
);
}
}
}
});
);
export default inject(({ auth }) => {
const { settingsStore } = auth;

6
packages/common/components/ColorTheme/styled/versionBadge.js
View File

@ -1,16 +1,16 @@
import styled, { css } from "styled-components";
import { StyledVersionSvg } from "@docspace/client/src/pages/VersionHistory/Section/Body/StyledVersionHistory";
const getDefaultStyles = ({ $currentColorScheme, isVersion, theme, index }) =>
const getDefaultStyles = ({ $currentColorScheme, $isVersion, theme, index }) =>
$currentColorScheme &&
css`
path {
fill: ${!isVersion
fill: ${!$isVersion
? theme.filesVersionHistory.badge.defaultFill
: index === 0
? theme.filesVersionHistory.badge.fill
: $currentColorScheme.accentColor};
stroke: ${!isVersion
stroke: ${!$isVersion
? theme.filesVersionHistory.badge.stroke
: index === 0
? theme.filesVersionHistory.badge.fill