タイトル要素クリック可能な時のデザインを追加

This commit is contained in:
harukin-expo-dev-env
2025-08-23 14:48:58 +00:00
parent 4d167408f2
commit 37e21be4c0
2 changed files with 23 additions and 4 deletions

View File

@@ -11,7 +11,7 @@ import { useTrainMenu } from "@/stateBox/useTrainMenu";
import { useAllTrainDiagram } from "@/stateBox/useAllTrainDiagram"; import { useAllTrainDiagram } from "@/stateBox/useAllTrainDiagram";
import { useNotification } from "@/stateBox/useNotifications"; import { useNotification } from "@/stateBox/useNotifications";
import { getStringConfig } from "@/lib/getStringConfig"; import { getStringConfig } from "@/lib/getStringConfig";
import { FontAwesome } from "@expo/vector-icons"; import { FontAwesome, MaterialCommunityIcons } from "@expo/vector-icons";
import { getPDFViewURL } from "@/lib/getPdfViewURL"; import { getPDFViewURL } from "@/lib/getPdfViewURL";
type Props = { type Props = {
@@ -133,7 +133,19 @@ export const HeaderText: FC<Props> = ({
> >
<TrainIconStatus {...{ data, navigate, from }} /> <TrainIconStatus {...{ data, navigate, from }} />
<TouchableOpacity <TouchableOpacity
style={{ borderRadius: 5, flexDirection: "row", alignItems: "center" }} style={{
borderRadius: 5,
flexDirection: "row",
alignItems: "center",
...(trainInfoUrl
? {
borderWidth: 0,
borderBottomWidth: 1,
borderStyle: "solid",
borderColor: "white",
}
: {}),
}}
onPress={() => { onPress={() => {
if (!trainInfoUrl) return; if (!trainInfoUrl) return;
const uri = trainInfoUrl.includes("pdf") const uri = trainInfoUrl.includes("pdf")
@@ -158,6 +170,13 @@ export const HeaderText: FC<Props> = ({
{isOneMan && <OneManText />} {isOneMan && <OneManText />}
<Text style={textConfig}>{trainName}</Text> <Text style={textConfig}>{trainName}</Text>
<InfogramText infogram={infogram} /> <InfogramText infogram={infogram} />
{trainInfoUrl && (
<MaterialCommunityIcons
name={"open-in-new"}
color="white"
size={15}
/>
)}
</TouchableOpacity> </TouchableOpacity>
{isEdit && ( {isEdit && (
<FontAwesome <FontAwesome

View File

@@ -111,8 +111,8 @@ export const TrainIconStatus: FC<Props> = ({ data, navigate, from }) => {
{move ? ( {move ? (
<Image <Image
source={{ uri: trainIcon }} source={{ uri: trainIcon }}
style={{ height: 34, width: 30, marginRight: 5 }} style={{ height: 30, width: 24, marginRight: 5 }}
resizeMethod="scale" resizeMethod="resize"
/> />
) : ( ) : (
<Ionicons <Ionicons