Admin App Information
Add: - app-information/information-bank/ Component Fix: - constans-value: Icon size re name ### No Issue
This commit is contained in:
59
components/ActionIcon/ActionIcon.tsx
Normal file
59
components/ActionIcon/ActionIcon.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
import { MainColor } from "@/constants/color-palet";
|
||||
import { Href, router } from "expo-router";
|
||||
import { DimensionValue, TouchableOpacity } from "react-native";
|
||||
|
||||
type SizeType = "xs" | "sm" | "md" | "lg" | "xl" | number | string | undefined;
|
||||
|
||||
export default function ActionIcon({
|
||||
href,
|
||||
onPress,
|
||||
icon,
|
||||
size = "md",
|
||||
}: {
|
||||
href?: Href;
|
||||
onPress?: () => void;
|
||||
icon: React.ReactNode;
|
||||
size?: SizeType;
|
||||
}) {
|
||||
const sizeMap = {
|
||||
xs: 22,
|
||||
sm: 26,
|
||||
md: 30,
|
||||
lg: 34,
|
||||
xl: 38,
|
||||
};
|
||||
|
||||
const getSize = (size: SizeType): DimensionValue => {
|
||||
if (!size) return sizeMap.md; // Default to 'md' if size is undefined
|
||||
if (typeof size === 'string' && size in sizeMap) {
|
||||
return sizeMap[size as keyof typeof sizeMap];
|
||||
}
|
||||
return size as DimensionValue;
|
||||
};
|
||||
|
||||
const iconSize = getSize(size);
|
||||
|
||||
return (
|
||||
<TouchableOpacity
|
||||
activeOpacity={0.7}
|
||||
style={{
|
||||
backgroundColor: MainColor.yellow,
|
||||
padding: 5,
|
||||
borderRadius: 50,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
width: iconSize,
|
||||
height: iconSize,
|
||||
}}
|
||||
onPress={() => {
|
||||
if (href) {
|
||||
router.push(href);
|
||||
} else {
|
||||
onPress?.();
|
||||
}
|
||||
}}
|
||||
>
|
||||
{icon}
|
||||
</TouchableOpacity>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user