タイトル要素クリック可能な時のデザインを追加
This commit is contained in:
@@ -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
|
||||||
|
@@ -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
|
||||||
|
Reference in New Issue
Block a user