add loading button in admin SPA

このコミットが含まれているのは:
dragon1211 2021-10-26 10:07:57 +09:00
コミット e636c5c5f6
8個のファイルの変更52行の追加47行の削除

ファイルの表示

@ -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>
{