Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-30 19:54:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

Front: Constats: use camelCase

Browse Source
This commit is contained in:
Arthur Jamet 2023-12-09 18:19:31 +01:00 committed by Zoe Roux
parent f246b6ce32
commit 1e5ef4003a
5 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/packages/primitives/src/constants/index.ts
View File

@ -18,4 +18,4 @@
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>. * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/ */
export const ImageBorderRadius = 10; export const imageBorderRadius = 10;

4
front/packages/primitives/src/image/image.web.tsx
View File

@ -25,7 +25,7 @@ import { Props, ImageLayout } from "./base-image";
import { BlurhashContainer } from "./blurhash.web"; import { BlurhashContainer } from "./blurhash.web";
import { Skeleton } from "../skeleton"; import { Skeleton } from "../skeleton";
import NextImage from "next/image"; import NextImage from "next/image";
import { ImageBorderRadius } from "../constants"; import { imageBorderRadius } from "../constants";
export const Image = ({ export const Image = ({
src, src,
@ -41,7 +41,7 @@ export const Image = ({
typeof window === "undefined" ? "finished" : "loading", typeof window === "undefined" ? "finished" : "loading",
); );
const border = { borderRadius: ImageBorderRadius } satisfies ViewStyle; const border = { borderRadius: imageBorderRadius } satisfies ViewStyle;
if (forcedLoading) return <Skeleton variant="custom" {...css([layout, border], props)} />; if (forcedLoading) return <Skeleton variant="custom" {...css([layout, border], props)} />;
if (!src || state === "errored") { if (!src || state === "errored") {

4
front/packages/primitives/src/image/index.tsx
View File

@ -25,7 +25,7 @@ import { ComponentProps, ComponentType, ReactNode } from "react";
import { LinearGradient, LinearGradientProps } from "expo-linear-gradient"; import { LinearGradient, LinearGradientProps } from "expo-linear-gradient";
import { ContrastArea } from "../themes"; import { ContrastArea } from "../themes";
import { percent } from "yoshiki/native"; import { percent } from "yoshiki/native";
import { ImageBorderRadius } from "../constants"; import { imageBorderRadius } from "../constants";
export { BlurhashContainer } from "./blurhash"; export { BlurhashContainer } from "./blurhash";
export { type Props as ImageProps, Image }; export { type Props as ImageProps, Image };
@ -85,7 +85,7 @@ export const ImageBackground = <AsProps = ViewProps,>({
{({ css, theme }) => ( {({ css, theme }) => (
<Container <Container
{...(css( {...(css(
[layout, !hideLoad && { borderRadius: ImageBorderRadius, overflow: "hidden" }], [layout, !hideLoad && { borderRadius: imageBorderRadius, overflow: "hidden" }],
asProps, asProps,
) as AsProps)} ) as AsProps)}
> >

8
front/packages/ui/src/browse/list.tsx
View File

@ -29,7 +29,7 @@ import {
Heading, Heading,
Icon, Icon,
PosterBackground, PosterBackground,
ImageBorderRadius, imageBorderRadius,
} from "@kyoo/primitives"; } from "@kyoo/primitives";
import { useState } from "react"; import { useState } from "react";
import { View } from "react-native"; import { View } from "react-native";
@ -72,10 +72,10 @@ export const ItemList = ({
onPressIn={() => setHovered((i) => i + 1)} onPressIn={() => setHovered((i) => i + 1)}
onPressOut={() => setHovered((i) => i - 1)} onPressOut={() => setHovered((i) => i - 1)}
containerStyle={{ containerStyle={{
borderRadius: px(ImageBorderRadius), borderRadius: px(imageBorderRadius),
}} }}
imageStyle={{ imageStyle={{
borderRadius: px(ImageBorderRadius), borderRadius: px(imageBorderRadius),
}} }}
{...css( {...css(
{ {
@ -83,7 +83,7 @@ export const ItemList = ({
justifyContent: "space-evenly", justifyContent: "space-evenly",
flexDirection: "row", flexDirection: "row",
height: ItemList.layout.size, height: ItemList.layout.size,
borderRadius: px(ImageBorderRadius), borderRadius: px(imageBorderRadius),
marginX: ItemList.layout.gap, marginX: ItemList.layout.gap,
}, },
props, props,

4
front/packages/ui/src/home/recommanded.tsx
View File

@ -33,7 +33,7 @@ import {
H3, H3,
Icon, Icon,
IconFab, IconFab,
ImageBorderRadius, imageBorderRadius,
Link, Link,
P, P,
PosterBackground, PosterBackground,
@ -90,7 +90,7 @@ export const ItemDetails = ({
height: ItemDetails.layout.size, height: ItemDetails.layout.size,
flexDirection: "row", flexDirection: "row",
bg: (theme) => theme.variant.background, bg: (theme) => theme.variant.background,
borderRadius: calc(px(ImageBorderRadius), "+", ts(.25)), borderRadius: calc(px(imageBorderRadius), "+", ts(.25)),
overflow: "hidden", overflow: "hidden",
borderColor: (theme) => theme.background, borderColor: (theme) => theme.background,
borderWidth: ts(0.25), borderWidth: ts(0.25),