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),