@nakamura-123/pages 1.0.10 → 1.0.12

package/dist/page/QuizSetupPage.js

@@ -77,11 +77,12 @@ var QuizSetup = function (_a) {
         <QuizOptionDrill_1.default />
         {system === "JLPT" && (<common_1.RoundRectangleIcon icon="cog" title="Detail Setting" onPress={handleDetail}/>)}
         {system === "JLPT" && (<common_1.VibrationText>*{t("setup.turnOffSilent")}</common_1.VibrationText>)}
-        <react_native_1.View style={styles.btnBox}>
-          <common_1.MiniIconBtn onPress={function () { return handlePreStudy(); }} icon="book" title={t("setup.btn.study")} color="ltBlack"/>
-          <common_1.MiniIconBtn onPress={function () { return handleStart(); }} icon="play" title={t("setup.btn.start")} color="red"/>
-        </react_native_1.View>
       </react_native_gesture_handler_1.ScrollView>
+
+      <react_native_1.View style={styles.btnBox}>
+        <common_1.MiniIconBtn onPress={function () { return handlePreStudy(); }} icon="book" title={t("setup.btn.study")} color="ltBlack"/>
+        <common_1.MiniIconBtn onPress={function () { return handleStart(); }} icon="play" title={t("setup.btn.start")} color="red"/>
+      </react_native_1.View>
     </react_native_1.View>);
 };
 var styles = react_native_1.StyleSheet.create({
@@ -95,10 +96,10 @@ var styles = react_native_1.StyleSheet.create({
         flex: 1,
     },
     btnBox: {
-        marginTop: 20,
         flexDirection: "row",
         justifyContent: "space-around",
         alignItems: "center",
+        paddingVertical: 5,
     },
 });
 exports.default = QuizSetup;

package/dist/quiz/explain/MovieBtn.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav } from "@nakamura-123/types";
+interface MovieBtnProps {
+    pathes: number[];
+    word: string;
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+    index: number;
+}
+declare const MovieBtn: React.FC<MovieBtnProps>;
+export default MovieBtn;

package/dist/quiz/explain/MovieBtn.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var FontAwesome5_1 = __importDefault(require("@expo/vector-icons/FontAwesome5"));
+var lib_1 = require("@nakamura-123/lib");
+var common_1 = require("@nakamura-123/common");
+var ZoomableImage_1 = __importDefault(require("../common/ZoomableImage"));
+var MovieBtn = function (_a) {
+    var pathes = _a.pathes, word = _a.word, navigation = _a.navigation, index = _a.index;
+    return (<react_native_1.View key={index}>
+      <react_native_1.TouchableOpacity style={styles.youtubeButton} onPress={function () { return lib_1.utilFnc.handleSearch(word); }}>
+        <react_native_1.View style={styles.iconContainer}>
+          <FontAwesome5_1.default name="youtube" size={20} color="#ff0000"/>
+        </react_native_1.View>
+        <react_native_1.View style={styles.textContainer}>
+          <common_1.MyText color="white">公式解説動画を見る</common_1.MyText>
+        </react_native_1.View>
+      </react_native_1.TouchableOpacity>
+      {pathes.map(function (path, j) { return (<ZoomableImage_1.default key={j} path={path} navigation={navigation}/>); })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    youtubeButton: {
+        flexDirection: "row",
+        alignItems: "center",
+        backgroundColor: lib_1.colors.red,
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        borderRadius: 8,
+        marginTop: 10,
+        shadowColor: "#000",
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 3.84,
+        elevation: 5,
+        marginBottom: 30,
+    },
+    iconContainer: {
+        width: 30,
+        height: 26,
+        backgroundColor: "white",
+        borderRadius: 4,
+        justifyContent: "center",
+        alignItems: "center",
+        marginRight: 12,
+    },
+    textContainer: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingRight: 30,
+    },
+});
+exports.default = MovieBtn;

package/dist/quiz/explain/NormalExplain.js

@@ -13,6 +13,7 @@ var quizHook_1 = require("../../hooks/quizHook");
 var ExplainLogic_1 = require("./ExplainLogic");
 var ZoomableImage_1 = __importDefault(require("../common/ZoomableImage"));
 var MyTextqqyy_1 = __importDefault(require("../common/MyTextqqyy"));
+var MovieBtn_1 = __importDefault(require("./MovieBtn"));
 var NormalExplain = function (_a) {
     var navigation = _a.navigation;
     var question = (0, quizHook_1.useQuestionDataD)();
@@ -62,10 +63,7 @@ var NormalExplain = function (_a) {
             }
             if (I.viewType === "mImg") {
                 var pathes = lib_1.utilFnc.getmImgPathes(mImgs, I.yearId, I.num);
-                return (<react_native_1.View key={index}>
-              <common_1.RoundRectangle title="オリジナル解説動画はこちら>>>" onPress={function () { return lib_1.utilFnc.handleSearch(I.word); }} color="red" style={styles.imgRectangle}/>
-              {pathes.map(function (path, j) { return (<ZoomableImage_1.default key={j} path={path} navigation={navigation}/>); })}
-            </react_native_1.View>);
+                return (<MovieBtn_1.default key={index} pathes={pathes} word={I.word} navigation={navigation} index={index}/>);
             }
         })}
       {formIsInput && (<common_1.MyText fsize="sm" color="red" style={{ alignSelf: "flex-end" }}>