diff --git a/front/packages/primitives/src/constants/index.ts b/front/packages/primitives/src/constants/index.ts index 52c260bd..33226ec3 100644 --- a/front/packages/primitives/src/constants/index.ts +++ b/front/packages/primitives/src/constants/index.ts @@ -18,4 +18,4 @@ * along with Kyoo. If not, see . */ -export const ImageBorderRadius = 10; +export const imageBorderRadius = 10; diff --git a/front/packages/primitives/src/image/image.web.tsx b/front/packages/primitives/src/image/image.web.tsx index c0017fd6..797bd940 100644 --- a/front/packages/primitives/src/image/image.web.tsx +++ b/front/packages/primitives/src/image/image.web.tsx @@ -25,7 +25,7 @@ import { Props, ImageLayout } from "./base-image"; import { BlurhashContainer } from "./blurhash.web"; import { Skeleton } from "../skeleton"; import NextImage from "next/image"; -import { ImageBorderRadius } from "../constants"; +import { imageBorderRadius } from "../constants"; export const Image = ({ src, @@ -41,7 +41,7 @@ export const Image = ({ typeof window === "undefined" ? "finished" : "loading", ); - const border = { borderRadius: ImageBorderRadius } satisfies ViewStyle; + const border = { borderRadius: imageBorderRadius } satisfies ViewStyle; if (forcedLoading) return ; if (!src || state === "errored") { diff --git a/front/packages/primitives/src/image/index.tsx b/front/packages/primitives/src/image/index.tsx index ea110dea..61f0ba67 100644 --- a/front/packages/primitives/src/image/index.tsx +++ b/front/packages/primitives/src/image/index.tsx @@ -25,7 +25,7 @@ import { ComponentProps, ComponentType, ReactNode } from "react"; import { LinearGradient, LinearGradientProps } from "expo-linear-gradient"; import { ContrastArea } from "../themes"; import { percent } from "yoshiki/native"; -import { ImageBorderRadius } from "../constants"; +import { imageBorderRadius } from "../constants"; export { BlurhashContainer } from "./blurhash"; export { type Props as ImageProps, Image }; @@ -85,7 +85,7 @@ export const ImageBackground = ({ {({ css, theme }) => ( diff --git a/front/packages/ui/src/browse/list.tsx b/front/packages/ui/src/browse/list.tsx index c44197e4..4e96537d 100644 --- a/front/packages/ui/src/browse/list.tsx +++ b/front/packages/ui/src/browse/list.tsx @@ -29,7 +29,7 @@ import { Heading, Icon, PosterBackground, - ImageBorderRadius, + imageBorderRadius, } from "@kyoo/primitives"; import { useState } from "react"; import { View } from "react-native"; @@ -72,10 +72,10 @@ export const ItemList = ({ onPressIn={() => setHovered((i) => i + 1)} onPressOut={() => setHovered((i) => i - 1)} containerStyle={{ - borderRadius: px(ImageBorderRadius), + borderRadius: px(imageBorderRadius), }} imageStyle={{ - borderRadius: px(ImageBorderRadius), + borderRadius: px(imageBorderRadius), }} {...css( { @@ -83,7 +83,7 @@ export const ItemList = ({ justifyContent: "space-evenly", flexDirection: "row", height: ItemList.layout.size, - borderRadius: px(ImageBorderRadius), + borderRadius: px(imageBorderRadius), marginX: ItemList.layout.gap, }, props, diff --git a/front/packages/ui/src/home/recommanded.tsx b/front/packages/ui/src/home/recommanded.tsx index 6e6f24e6..ed24087d 100644 --- a/front/packages/ui/src/home/recommanded.tsx +++ b/front/packages/ui/src/home/recommanded.tsx @@ -33,7 +33,7 @@ import { H3, Icon, IconFab, - ImageBorderRadius, + imageBorderRadius, Link, P, PosterBackground, @@ -90,7 +90,7 @@ export const ItemDetails = ({ height: ItemDetails.layout.size, flexDirection: "row", bg: (theme) => theme.variant.background, - borderRadius: calc(px(ImageBorderRadius), "+", ts(.25)), + borderRadius: calc(px(imageBorderRadius), "+", ts(.25)), overflow: "hidden", borderColor: (theme) => theme.background, borderWidth: ts(0.25),