alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-04-30 20:36:29 +01:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

chore

Browse Source
This commit is contained in:
Fredrik Burmester
2024-08-18 10:52:51 +02:00
parent dbb7c6c9a5
commit 6a8a155547
1 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/common/ColumnItem.tsx
View File

@@ -1,3 +1,4 @@
import { useMemo } from "react";
import { StyleSheet, View, ViewProps } from "react-native"; import { StyleSheet, View, ViewProps } from "react-native";
const getItemStyle = (index: number, numColumns: number) => { const getItemStyle = (index: number, numColumns: number) => {
@@ -9,6 +10,7 @@ const getItemStyle = (index: number, numColumns: number) => {
})(); })();
return { return {
padding: 20,
alignItems, alignItems,
width: "100%", width: "100%",
} as const; } as const;
@@ -19,16 +21,22 @@ type ColumnItemProps = ViewProps & {
index: number; index: number;
numColumns: number; numColumns: number;
}; };
export const ColumnItem = ({ export const ColumnItem = ({
children, children,
index, index,
numColumns, numColumns,
...rest ...rest
}: ColumnItemProps) => ( }: ColumnItemProps) => {
<View return (
style={StyleSheet.flatten([getItemStyle(index, numColumns), rest.style])} <View className="flex flex-col mb-2 p-4" style={{ width: "33.3%" }}>
{...rest} <View
> className={`
{children} `}
</View> {...rest}
); >
{children}
</View>
</View>
);
};