Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 362eeab9ce |
@@ -1,15 +0,0 @@
|
|||||||
@import url('./../variables.css');
|
|
||||||
|
|
||||||
#form-valid-err-container{
|
|
||||||
|
|
||||||
background: red;
|
|
||||||
padding: 5px;
|
|
||||||
border-radius: 5px;
|
|
||||||
|
|
||||||
&.form-valid-err--hide{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
&.form-valid-err--visible{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
import React, { useEffect, useState } from "react";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Объект с данными для отображения в блоке с ошибками
|
|
||||||
*/
|
|
||||||
export interface FormValidErrObject
|
|
||||||
{
|
|
||||||
fieldName: string | null,
|
|
||||||
fieldErrors: string[] | []
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function FormValidErr ( {visible, validErrorsObj}: {visible: boolean, validErrorsObj: FormValidErrObject[]} )
|
|
||||||
{
|
|
||||||
const [blockVisible, setBlockVisible] = useState<boolean>(false);
|
|
||||||
useEffect ( () => {
|
|
||||||
setBlockVisible(visible)
|
|
||||||
}, [visible]);
|
|
||||||
return (
|
|
||||||
<div id="form-valid-err-container" className={`form-valid-err--${blockVisible ? "visible" : 'hide'}`}>
|
|
||||||
<ul>
|
|
||||||
{ validErrorsObj.map( (validErrObj: FormValidErrObject, index: number) => (
|
|
||||||
<li key={index}>
|
|
||||||
<b>{ validErrObj.fieldName }</b>:
|
|
||||||
<span>{ validErrObj.fieldErrors }</span>
|
|
||||||
</li>
|
|
||||||
)) }
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -5,3 +5,6 @@ use Illuminate\Support\Facades\Route;
|
|||||||
Route::get('/', function () {
|
Route::get('/', function () {
|
||||||
return view('welcome');
|
return view('welcome');
|
||||||
});
|
});
|
||||||
|
Route::get('/menu', function () {
|
||||||
|
return view('menu_start');
|
||||||
|
})->name('magic_menu');
|
||||||
|
|||||||
Reference in New Issue
Block a user