30 lines
719 B
TypeScript
30 lines
719 B
TypeScript
import React from "react";
|
|
import { Text, View } from "react-native";
|
|
import styles from "../../style/NetDetailModal.styles";
|
|
|
|
interface FishCatch {
|
|
fish_species_id: number;
|
|
fish_name: string;
|
|
catch_number: number;
|
|
catch_unit: string;
|
|
fish_size: number;
|
|
fish_rarity: number;
|
|
fish_condition: string;
|
|
gear_usage: string;
|
|
}
|
|
|
|
interface FishCardHeaderProps {
|
|
fish: FishCatch;
|
|
}
|
|
|
|
export const FishCardHeader: React.FC<FishCardHeaderProps> = ({ fish }) => {
|
|
return (
|
|
<View style={styles.fishCardHeaderContent}>
|
|
<Text style={styles.fishCardTitle}>{fish.fish_name}:</Text>
|
|
<Text style={styles.fishCardSubtitle}>
|
|
{fish.catch_number} {fish.catch_unit}
|
|
</Text>
|
|
</View>
|
|
);
|
|
};
|