move test components to their folder

This commit is contained in:
b1ek 2023-05-17 09:55:02 +10:00
parent 6725ac6966
commit 9a70756d50
Signed by: blek
GPG Key ID: 14546221E3595D0C
7 changed files with 42 additions and 19 deletions

View File

@ -64,7 +64,7 @@ const Header = function () {
</a> </a>
<VerticalLine /> <VerticalLine />
<Link to='/'> <Link to='/'>
<PairentLogo>Pairent</PairentLogo> <PairentLogo>Точка.</PairentLogo>
</Link> </Link>
<Link to="/"> <Link to="/">
<LocationButton> <LocationButton>

View File

@ -1,14 +0,0 @@
import "./styles/PsychTestHeader.css";
const PsychTestHeader = () => {
return (
<div className="header">
<button type="button" className="header__btn">
Вернуться назад
</button>
<h1 className="header__title">Тест на совместимость</h1>
</div>
);
};
export default PsychTestHeader;

View File

@ -1,6 +1,6 @@
import PsychTestQuestion from "../PsychTestQuestion"; import PsychTestQuestion from "../../../components/PsychTestQuestion";
import React, { useState } from "react"; import React, { useState } from "react";
import PsychTestAddResult from "../../API/PsychTestAddResult"; import PsychTestAddResult from "../../../API/PsychTestAddResult";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import "./styles/PsychTestForm.css"; import "./styles/PsychTestForm.css";

View File

@ -0,0 +1,37 @@
import { styled } from "styled-components";
import "./styles/PsychTestHeader.css";
const Header = styled.div`
display: flex;
padding-left: 40px;
padding-top: 14px;
align-items: center;
margin-bottom: 55px;
& h1 {
font-size: 20pt;
}
& button {
color: #bababa;
font-size: 15px;
width: 180px;
height: 36px;
background-color: white;
border: 1px solid #cccccc;
border-radius: 12px;
margin-right: 13px;
}
`;
const PsychTestHeader = () => {
return (
<Header>
<button type="button" onClick={window.history.back()}>
Вернуться назад
</button>
<h1>Тест на совместимость</h1>
</Header>
);
};
export default PsychTestHeader;

View File

@ -1,5 +1,5 @@
import PsychTestForm from "../../components/PsychTestForm"; import PsychTestForm from "./PsychTestForm";
import PsychTestHeader from "../../components/PsychTestHeader"; import PsychTestHeader from "./PsychTestHeader";
const PsychTest = () => { const PsychTest = () => {
return ( return (