mirror of
https://github.com/MrLowPr/overdrive.git
synced 2026-10-20 01:01:15 +02:00
35 lines
2.2 KiB
React
35 lines
2.2 KiB
React
// ../pub-game-store/native/game/DownloadProblem.jsx
|
|
// reconstructed from the esbuild bundle in eboot.bin
|
|
|
|
import '../assets/Inter-Regular.ttf';
|
|
import { Fragment, jsx, jsxs } from 'react/jsx-runtime';
|
|
import { useT } from '../i18n/index.js';
|
|
import { FocusRing } from '../ui/FocusRing.jsx';
|
|
import { Icon } from '../ui/Icon.jsx';
|
|
import { colors } from '../ui/colors.js';
|
|
import { Text, View, useIsFocused } from '@ps5-react/core';
|
|
|
|
function ProblemNote({ title, action }) {
|
|
return /* @__PURE__ */ (0, jsxs)(View, { style: { width: 408, flexDirection: "row", gap: 15 }, children: [
|
|
/* @__PURE__ */ (0, jsx)(Icon, { name: "alert", size: 16, color: colors.fg }),
|
|
/* @__PURE__ */ (0, jsxs)(View, { style: { flex: 1, gap: 3 }, children: [
|
|
/* @__PURE__ */ (0, jsx)(Text, { style: { fontFamily: "Inter-Regular", fontSize: 21, fontWeight: 600, color: "#f2f2f3", numberOfLines: 2, ellipsizeMode: "tail", lineHeight: 30 }, children: title }),
|
|
action ? /* @__PURE__ */ (0, jsx)(Text, { style: { fontFamily: "Inter-Regular", fontSize: 21, color: "#a3a3ab", numberOfLines: 3, ellipsizeMode: "tail", lineHeight: 30 }, children: action }) : null
|
|
] })
|
|
] });
|
|
}
|
|
function TriggerFace() {
|
|
const t2 = useT();
|
|
const focused = useIsFocused();
|
|
return /* @__PURE__ */ (0, jsxs)(Fragment, { children: [
|
|
/* @__PURE__ */ (0, jsx)(FocusRing, {}),
|
|
/* @__PURE__ */ (0, jsx)(Text, { style: focused ? { fontFamily: "Inter-Regular", fontSize: 21, color: "#f2f2f3", lineHeight: 30 } : { fontFamily: "Inter-Regular", fontSize: 21, color: "#a3a3ab", lineHeight: 30 }, children: t2("download.moreOptions") }),
|
|
/* @__PURE__ */ (0, jsx)(Icon, { name: "chevronRight", size: 14, color: focused ? colors.fg : colors.muted })
|
|
] });
|
|
}
|
|
function MoreOptions({ focusKey, nextFocusDown, onPress }) {
|
|
return /* @__PURE__ */ (0, jsx)(View, { focusKey, nextFocusDown, onPress, style: (_state) => [{ position: "relative", marginHorizontal: -18, height: 54, width: 444, flexDirection: "row", alignItems: "center", justifyContent: "space-between", borderRadius: 9, paddingHorizontal: 18 }, _state.focused ? { backgroundColor: "#212125" } : null], children: /* @__PURE__ */ (0, jsx)(TriggerFace, {}) });
|
|
}
|
|
|
|
export { MoreOptions, ProblemNote };
|