mirror of
https://github.com/zoriya/Kyoo.git
synced 2025-05-24 02:02:36 -04:00
Front: Constats: use camelCase
This commit is contained in:
parent
f246b6ce32
commit
1e5ef4003a
@ -18,4 +18,4 @@
|
||||
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
export const ImageBorderRadius = 10;
|
||||
export const imageBorderRadius = 10;
|
||||
|
@ -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 <Skeleton variant="custom" {...css([layout, border], props)} />;
|
||||
if (!src || state === "errored") {
|
||||
|
@ -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 = <AsProps = ViewProps,>({
|
||||
{({ css, theme }) => (
|
||||
<Container
|
||||
{...(css(
|
||||
[layout, !hideLoad && { borderRadius: ImageBorderRadius, overflow: "hidden" }],
|
||||
[layout, !hideLoad && { borderRadius: imageBorderRadius, overflow: "hidden" }],
|
||||
asProps,
|
||||
) as AsProps)}
|
||||
>
|
||||
|
@ -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,
|
||||
|
@ -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),
|
||||
|
Loading…
x
Reference in New Issue
Block a user