add loading button in admin SPA
このコミットが含まれているのは:
コミット
e636c5c5f6
|
@ -28704,9 +28704,9 @@ var ChildEdit = function ChildEdit(props) {
|
|||
type: "submit",
|
||||
fullWidth: true,
|
||||
loading: submit,
|
||||
className: "p-3 rounded-15 bg-yellow input-h60",
|
||||
className: "btn-edit btn-default btn-h60 bg-yellow rounded-15",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
|
||||
className: "ft-16 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
className: "ft-18 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
children: "\u30D7\u30ED\u30D5\u30A3\u30FC\u30EB\u3092\u66F4\u65B0"
|
||||
})
|
||||
})
|
||||
|
@ -29136,9 +29136,9 @@ var ChildPasswordEdit = function ChildPasswordEdit(props) {
|
|||
type: "submit",
|
||||
fullWidth: true,
|
||||
loading: submit,
|
||||
className: "p-3 rounded-15 font-weight-bold bg-yellow input-h60",
|
||||
className: "btn-edit btn-default btn-h60 bg-yellow rounded-15",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
|
||||
className: "ft-16 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
className: "ft-18 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
children: "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u66F4\u65B0"
|
||||
})
|
||||
})
|
||||
|
@ -29351,14 +29351,17 @@ var AdminLogin = function AdminLogin() {
|
|||
className: "l-alert__text--error ft-16 ft-md-14",
|
||||
children: _422errors.password
|
||||
})]
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_5__.default, {
|
||||
type: "submit",
|
||||
loading: submit,
|
||||
fullWidth: true,
|
||||
className: "rounded-15 p-4 mt-5 input-h60 bg-yellow",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
|
||||
className: "ft-18 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
children: "\u30ED\u30B0\u30A4\u30F3"
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
|
||||
className: "mt-5",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_5__.default, {
|
||||
type: "submit",
|
||||
loading: submit,
|
||||
fullWidth: true,
|
||||
className: "btn-edit btn-default btn-h60 bg-yellow rounded-15",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
|
||||
className: "ft-18 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
children: "\u30ED\u30B0\u30A4\u30F3"
|
||||
})
|
||||
})
|
||||
})]
|
||||
})
|
||||
|
@ -30328,14 +30331,13 @@ var MeetingEdit = function MeetingEdit(props) {
|
|||
})]
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_7__.default, {
|
||||
type: "submit",
|
||||
fullWidth: true,
|
||||
loading: submit,
|
||||
className: "btn-edit btn-default btn-h70 btn-r14 btn-yellow rounded-20",
|
||||
style: {
|
||||
fontSize: '18px',
|
||||
fontWeight: 'bold',
|
||||
backgroundColor: '#ffed4a'
|
||||
},
|
||||
children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0\u3092\u66F4\u65B0"
|
||||
className: "btn-edit btn-default btn-h60 bg-yellow rounded-15",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
|
||||
className: "ft-20 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0\u3092\u66F4\u65B0"
|
||||
})
|
||||
}), _400error && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_2__.default, {
|
||||
type: "fail",
|
||||
hide: function hide() {
|
||||
|
@ -31410,10 +31412,10 @@ var ParentEdit = function ParentEdit(props) {
|
|||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_6__.default, {
|
||||
type: "submit",
|
||||
fullWidth: true,
|
||||
className: "p-3 rounded-15 ft-15 font-weight-bold bg-yellow input-h60",
|
||||
className: "btn-edit btn-default btn-h60 bg-yellow rounded-15",
|
||||
loading: submit,
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
|
||||
className: "ft-16",
|
||||
className: "ft-18 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
children: "\u30D7\u30ED\u30D5\u30A3\u30FC\u30EB\u3092\u66F4\u65B0"
|
||||
})
|
||||
})
|
||||
|
@ -31843,9 +31845,9 @@ var ParentPasswordEdit = function ParentPasswordEdit(props) {
|
|||
type: "submit",
|
||||
fullWidth: true,
|
||||
loading: submit,
|
||||
className: "p-3 rounded-15 font-weight-bold bg-yellow input-h60",
|
||||
className: "btn-edit btn-default btn-h60 bg-yellow rounded-15",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
|
||||
className: "ft-16",
|
||||
className: "ft-18 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
children: "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u66F4\u65B0"
|
||||
})
|
||||
})
|
||||
|
@ -32021,10 +32023,10 @@ var ParentRegister = function ParentRegister() {
|
|||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_5__.default, {
|
||||
type: "submit",
|
||||
fullWidth: true,
|
||||
className: "p-3 rounded-15 font-weight-bold bg-yellow input-h60",
|
||||
className: "btn-edit btn-default btn-h60 bg-yellow rounded-15",
|
||||
loading: submit,
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
|
||||
className: "ft-20",
|
||||
className: "ft-20 font-weight-bold ".concat(!submit && 'text-black'),
|
||||
children: "\u89AA\u8FFD\u52A0"
|
||||
})
|
||||
})
|
||||
|
|
|
@ -183,8 +183,8 @@ const ChildEdit = (props) => {
|
|||
<div className="mt-5">
|
||||
<LoadingButton type="submit" fullWidth
|
||||
loading={submit}
|
||||
className="p-3 rounded-15 bg-yellow input-h60">
|
||||
<span className={`ft-16 font-weight-bold ${!submit && 'text-black'}`}>プロフィールを更新</span>
|
||||
className="btn-edit btn-default btn-h60 bg-yellow rounded-15">
|
||||
<span className={`ft-18 font-weight-bold ${!submit && 'text-black'}`}>プロフィールを更新</span>
|
||||
</LoadingButton>
|
||||
</div>
|
||||
{
|
||||
|
|
|
@ -99,8 +99,8 @@ const ChildPasswordEdit = (props) => {
|
|||
<div className="mt-5">
|
||||
<LoadingButton type="submit" fullWidth
|
||||
loading = {submit}
|
||||
className="p-3 rounded-15 font-weight-bold bg-yellow input-h60">
|
||||
<span className={`ft-16 font-weight-bold ${!submit && 'text-black'}`}>パスワードを更新</span>
|
||||
className="btn-edit btn-default btn-h60 bg-yellow rounded-15">
|
||||
<span className={`ft-18 font-weight-bold ${!submit && 'text-black'}`}>パスワードを更新</span>
|
||||
</LoadingButton>
|
||||
</div>
|
||||
{
|
||||
|
|
|
@ -78,16 +78,18 @@ const AdminLogin = () => {
|
|||
</span>
|
||||
}
|
||||
</div>
|
||||
|
||||
<div className="mt-5">
|
||||
<LoadingButton type="submit"
|
||||
loading={submit}
|
||||
fullWidth
|
||||
className="btn-edit btn-default btn-h60 bg-yellow rounded-15">
|
||||
<span className={`ft-18 font-weight-bold ${!submit && 'text-black'}`}>
|
||||
ログイン
|
||||
</span>
|
||||
</LoadingButton>
|
||||
</div>
|
||||
|
||||
<LoadingButton type="submit"
|
||||
loading={submit}
|
||||
fullWidth
|
||||
className="rounded-15 p-4 mt-5 input-h60 bg-yellow"
|
||||
>
|
||||
<span className={`ft-18 font-weight-bold ${!submit && 'text-black'}`}>
|
||||
ログイン
|
||||
</span>
|
||||
</LoadingButton>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -233,10 +233,11 @@ const MeetingEdit = (props) => {
|
|||
</div>
|
||||
|
||||
<LoadingButton
|
||||
type="submit"
|
||||
type="submit" fullWidth
|
||||
loading={submit}
|
||||
className="btn-edit btn-default btn-h70 btn-r14 btn-yellow rounded-20"
|
||||
style={{fontSize:'18px',fontWeight:'bold', backgroundColor:'#ffed4a'}}>ミーティングを更新</LoadingButton>
|
||||
className="btn-edit btn-default btn-h60 bg-yellow rounded-15">
|
||||
<span className={`ft-20 font-weight-bold ${!submit && 'text-black'}`}>ミーティングを更新</span>
|
||||
</LoadingButton>
|
||||
{
|
||||
_400error && <Alert type="fail" hide={()=>set400Error('')}>{_400error}</Alert>
|
||||
}
|
||||
|
|
|
@ -154,9 +154,9 @@ const ParentEdit = (props) => {
|
|||
|
||||
<div className="mt-5">
|
||||
<LoadingButton type="submit" fullWidth
|
||||
className="p-3 rounded-15 ft-15 font-weight-bold bg-yellow input-h60"
|
||||
className="btn-edit btn-default btn-h60 bg-yellow rounded-15"
|
||||
loading={submit}>
|
||||
<span className="ft-16">プロフィールを更新</span>
|
||||
<span className={`ft-18 font-weight-bold ${!submit && 'text-black'}`}>プロフィールを更新</span>
|
||||
</LoadingButton>
|
||||
</div>
|
||||
{
|
||||
|
|
|
@ -99,8 +99,8 @@ const ParentPasswordEdit = (props) => {
|
|||
<div className="mt-5">
|
||||
<LoadingButton type="submit" fullWidth
|
||||
loading = {submit}
|
||||
className="p-3 rounded-15 font-weight-bold bg-yellow input-h60">
|
||||
<span className="ft-16">パスワードを更新</span>
|
||||
className="btn-edit btn-default btn-h60 bg-yellow rounded-15">
|
||||
<span className={`ft-18 font-weight-bold ${!submit && 'text-black'}`}>パスワードを更新</span>
|
||||
</LoadingButton>
|
||||
</div>
|
||||
{
|
||||
|
|
|
@ -68,9 +68,9 @@ const ParentRegister = () => {
|
|||
|
||||
<div className="mt-5">
|
||||
<LoadingButton type="submit" fullWidth
|
||||
className="p-3 rounded-15 font-weight-bold bg-yellow input-h60"
|
||||
className="btn-edit btn-default btn-h60 bg-yellow rounded-15"
|
||||
loading={submit}>
|
||||
<span className="ft-20">親追加</span>
|
||||
<span className={`ft-20 font-weight-bold ${!submit && 'text-black'}`}>親追加</span>
|
||||
</LoadingButton>
|
||||
</div>
|
||||
{
|
||||
|
|
新しいイシューから参照