remove line modal

このコミットが含まれているのは:
dragon1211 2022-01-18 11:10:54 -08:00
コミット 146963a98b
2個のファイルの変更45行の追加33行の削除

ファイルの表示

@ -38303,17 +38303,9 @@ var ParentChildAdd = function ParentChildAdd() {
submit = _useState20[0],
setSubmit = _useState20[1];
var _useState21 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
_useState22 = _slicedToArray(_useState21, 2),
_copyFlag = _useState22[0],
setCopyFlag = _useState22[1];
var _useState23 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
_useState24 = _slicedToArray(_useState23, 2),
show_lineModal = _useState24[0],
setShowLineModal = _useState24[1];
var isMountedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);
var inviteurl = '「KIKI」の招待が届いています。' + '\n' + 'まずは以下より仮登録を行ってください。' + '\n' + '※スマホ本体を最新の状態にアップデートしてからURLをクリックしてください。' + '\n\n' + document.getElementById('inviteurl').value + '\n\n' + '▼公式サイトはこちら' + '\n' + 'https://kikikan.jp';
var lineText = "\u300CKIKI\u300D\u306E\u62DB\u5F85\u304C\u5C4A\u3044\u3066\u3044\u307E\u3059\u3002%0A\u307E\u305A\u306F\u4EE5\u4E0B\u3088\u308A\u4EEE\u767B\u9332\u3092\u884C\u3063\u3066\u304F\u3060\u3055\u3044\u3002\n %0A%0A\u203B\u30B9\u30DE\u30DB\u672C\u4F53\u3092\u6700\u65B0\u306E\u72B6\u614B\u306B\u30A2\u30C3\u30D7\u30C7\u30FC\u30C8\u3057\u3066\u304B\u3089URL\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u304F\u3060\u3055\u3044\u3002\n %0A%0A".concat(document.getElementById('inviteurl_html').value, "%0A%0A\u25BC\u516C\u5F0F\u30B5\u30A4\u30C8\u306F\u3053\u3061\u3089%0A").concat(document.getElementById('siteurl').value);
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
isMountedRef.current = false;
return function () {
@ -38358,16 +38350,26 @@ var ParentChildAdd = function ParentChildAdd() {
});
};
var handleCheckRelations = function handleCheckRelations() {
var handleCheckRelations = function handleCheckRelations(type) {
set401Error('');
setLoaded(false);
if (type == 'invite') {
if (!copy_to_clipboard__WEBPACK_IMPORTED_MODULE_4___default()(inviteurl, {
debug: true
})) {
set400Error('コピー失敗しました。');
return;
}
}
axios.get('/api/fathers/relations/check').then(function (response) {
if (isMountedRef.current) return;
switch (response.data.status_code) {
case 200:
{
setShowLineModal(true);
if (type == 'invite') setSuccess('コピー成功しました。');else if (type == 'line') window.location.href = "http://line.naver.jp/R/msg/text/?".concat(lineText);
break;
}
@ -38403,9 +38405,9 @@ var ParentChildAdd = function ParentChildAdd() {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_notification__WEBPACK_IMPORTED_MODULE_2__["default"], {
notice: notice
})]
}), !loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_page_loader__WEBPACK_IMPORTED_MODULE_3__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
}), !loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_page_loader__WEBPACK_IMPORTED_MODULE_3__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
className: "l-content-wrap",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section", {
className: "edit-container",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
className: "edit-wrap",
@ -38467,7 +38469,7 @@ var ParentChildAdd = function ParentChildAdd() {
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("a", {
onClick: function onClick() {
return handleCheckRelations();
return handleCheckRelations('invite');
},
children: "\u62DB\u5F85\u7528URL\u3092\u30B3\u30D4\u30FC\u3059\u308B"
})
@ -38481,19 +38483,14 @@ var ParentChildAdd = function ParentChildAdd() {
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("a", {
onClick: function onClick() {
return handleCheckRelations();
return handleCheckRelations('line');
},
children: "\u62DB\u5F85\u7528URL\u3092LINE\u3067\u9001\u4FE1"
})
})]
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(LineModal, {
show: show_lineModal,
handleClose: function handleClose() {
return setShowLineModal(false);
}
})]
})
})]
}), _success && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_1__["default"], {
type: "success",

ファイルの表示

@ -91,11 +91,20 @@ const ParentChildAdd = () => {
const [_422errors, set422Errors] = useState({identity: ''});
const [submit, setSubmit] = useState(false);
const [_copyFlag, setCopyFlag] = useState(false);
const [show_lineModal, setShowLineModal] = useState(false);
const isMountedRef = useRef(true);
const inviteurl = '「KIKI」の招待が届いています。' + '\n' +
'まずは以下より仮登録を行ってください。' + '\n' +
'※スマホ本体を最新の状態にアップデートしてからURLをクリックしてください。' + '\n\n' +
document.getElementById('inviteurl').value + '\n\n' +
'▼公式サイトはこちら' + '\n' +
'https://kikikan.jp';
const lineText =
`「KIKI」の招待が届いています。%0Aまずは以下より仮登録を行ってください。
%0A%0Aスマホ本体を最新の状態にアップデートしてからURLをクリックしてください
%0A%0A${document.getElementById('inviteurl_html').value}%0A%0A公式サイトはこちら%0A${document.getElementById('siteurl').value}`;
useEffect(() => {
isMountedRef.current = false;
return()=>{
@ -128,16 +137,26 @@ const ParentChildAdd = () => {
const handleCheckRelations = () => {
const handleCheckRelations = (type) => {
set401Error('');
setLoaded(false);
if(type == 'invite'){
if(!copy(inviteurl, {debug: true})){
set400Error('コピー失敗しました。');
return;
}
}
axios.get('/api/fathers/relations/check')
.then(response=>{
if(isMountedRef.current) return;
switch(response.data.status_code){
case 200: {
setShowLineModal(true);
if(type == 'invite') setSuccess('コピー成功しました。');
else if(type == 'line')
window.location.href = `http://line.naver.jp/R/msg/text/?${lineText}`;
break;
}
case 400: set400Error(response.data.error_messages); break;
@ -200,18 +219,14 @@ const ParentChildAdd = () => {
</LoadingButton>
</form>
<div style={{color:"#49A3FC",display:"flex", justifyContent:"center", alignItems:"center", paddingTop:40}} >
<a onClick={()=>handleCheckRelations()}>招待用URLをコピーする</a>
<a onClick={()=>handleCheckRelations('invite')}>招待用URLをコピーする</a>
</div>
<div style={{color:"#49A3FC",display:"flex", justifyContent:"center", alignItems:"center", paddingTop:20}}>
<a onClick={()=>handleCheckRelations()}>招待用URLをLINEで送信</a>
<a onClick={()=>handleCheckRelations('line')}>招待用URLをLINEで送信</a>
</div>
</div>
</div>
</section>
<LineModal
show={show_lineModal}
handleClose={()=>setShowLineModal(false)}
/>
</div>
</div>
{ _success && <Alert type="success" hide={()=>setSuccess('')}>{_success}</Alert> }