diff --git a/com.twin.app.shoptime/assets/images/icons/ico-del-keyword.png b/com.twin.app.shoptime/assets/images/icons/ico-del-keyword.png new file mode 100644 index 00000000..aef4e938 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/icons/ico-del-keyword.png differ diff --git a/com.twin.app.shoptime/src/actions/actionTypes.js b/com.twin.app.shoptime/src/actions/actionTypes.js index 1df8cfcd..73b45844 100644 --- a/com.twin.app.shoptime/src/actions/actionTypes.js +++ b/com.twin.app.shoptime/src/actions/actionTypes.js @@ -36,6 +36,7 @@ export const types = { // appData actions ADD_MAIN_INDEX: "ADD_MAIN_INDEX", SEND_SMS: "SEND_SMS", + CLEAR_SMS: "CLEAR_SMS", // home actions GET_HOME_TERMS: "GET_HOME_TERMS", diff --git a/com.twin.app.shoptime/src/actions/appDataActions.js b/com.twin.app.shoptime/src/actions/appDataActions.js index 5836d19e..b7e75fa9 100644 --- a/com.twin.app.shoptime/src/actions/appDataActions.js +++ b/com.twin.app.shoptime/src/actions/appDataActions.js @@ -62,3 +62,7 @@ export const sendSms = (params) => (dispatch, getState) => { onFail ); }; + +export const clearSMS = () => ({ + type: types.CLEAR_SMS, +}); diff --git a/com.twin.app.shoptime/src/components/MobileSend/HistoryPhoneNumber/HistoryPhoneNumber.jsx b/com.twin.app.shoptime/src/components/MobileSend/HistoryPhoneNumber/HistoryPhoneNumber.jsx new file mode 100644 index 00000000..3e9fe36c --- /dev/null +++ b/com.twin.app.shoptime/src/components/MobileSend/HistoryPhoneNumber/HistoryPhoneNumber.jsx @@ -0,0 +1,48 @@ +import React, { useEffect } from "react"; + +import { Spottable } from "@enact/spotlight/Spottable"; + +import TButton from "../../TButton/TButton"; +import css from "./HistoryPhoneNumber.module.less"; + +const SpottableComponent = Spottable("div"); + +export default function HistoryPhoneNumber({ + handleClickSelect, + recentSentNumber, + handleDelete, +}) { + const handleClickNumber = (number) => { + handleClickSelect(number); + }; + + return ( + <> + {recentSentNumber && + recentSentNumber.length > 0 && + recentSentNumber.map((number, index) => { + return ( +
-
-
+
+