Skip to content

Commit

Permalink
Merge pull request #135 from EgorUlitin/links-in-navbar-hotfix
Browse files Browse the repository at this point in the history 
hotfix links in  Navbar and Footer
  • Loading branch information
@dzencot
dzencot authored Jan 9, 2023
2 parents 5afd543 + 303fcde commit 63b10c6
Show file tree
Hide file tree
Showing 3 changed files with 70 additions and 64 deletions.
104 changes: 54 additions & 50 deletions app/javascript/Pages/Landing/Landing.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
import React from 'react';
import { Link } from 'react-router-dom';
import { Row, Col } from 'react-bootstrap';
import routes from '../../routes.js';
import { Faq } from '../../components/Faq';
import classes from './Landing.module.css';
import Checked from '/app/assets/landing/images/checked.svg';
Expand Down Expand Up @@ -65,12 +67,12 @@ export function Landing() {
</section>
<section>
<div className="d-grid col-md-4 col-sm-5 col-6 mx-auto">
<a
href="/editor"
<Link
to={routes.profilePagePath()}
className="btn btn-primary py-3 fs-5 fw-bold mt-5 lh-5"
>
Начать кодить
</a>
</Link>
</div>
</section>
</section>
Expand Down Expand Up @@ -128,60 +130,62 @@ export function Landing() {
<Row>
<h2 className="text-center display-4 fw-bold mb-0">Еще больше возможностей в будущем</h2>
</Row>
<Row className="row-cols-1 row-cols-sm-3 mt-55">
<Col className="mb-4 mb-sm-0">
<div className="d-flex flex-column">
<img
src="/landing/images/code.png"
alt="code"
className="mb-3"
width="39"
height="39"
/>
<p className="mb-2">Все языки</p>
<p className="mb-0">Пока наша среда разработки запускает код только на JavaScript. В ближайшем будущем мы реализуем в редакторе поддержку других популярных языков программирования</p>
</div>
</Col>
<Col className="mb-4 mb-sm-0">
<div className="d-flex flex-column">
<img
src=""
src="/landing/images/person.png"
className="mb-3"
alt="person"
width="39"
height="39"
/>
<p className="mb-2">Совместная работа</p>
<p className="mb-0">Вы сможете делиться ссылкой на фрагменты своего кода с другими участниками. Или работать вместе прямо в Run IT!</p>
</div>
</Col>
<Col className="mb-4 mb-sm-0">
<div className="d-flex flex-column">
<img
src="/landing/images/blank.png"
alt="blank"
className="mb-3"
width="39"
height="39"
/>
<p className="mb-2">Готовые шаблоны с кодом</p>
<p className="mb-0">Больше не будет необходимости каждый раз писать код с нуля. Мы сделаем шаблоны, чтобы вы могли проверить свои идеи на практике еще быстрее</p>
</div>
</Col>
</Row>
<section className="mt-55">
<Row className="row-cols-1 row-cols-sm-3">
<Col className="mb-4 mb-sm-0">
<div className="d-flex flex-column">
<img
src="/landing/images/code.png"
alt="code"
className="mb-3"
width="39"
height="39"
/>
<p className="mb-2">Все языки</p>
<p className="mb-0">Пока наша среда разработки запускает код только на JavaScript. В ближайшем будущем мы реализуем в редакторе поддержку других популярных языков программирования</p>
</div>
</Col>
<Col className="mb-4 mb-sm-0">
<div className="d-flex flex-column">
<img
src=""
src="/landing/images/person.png"
className="mb-3"
alt="person"
width="39"
height="39"
/>
<p className="mb-2">Совместная работа</p>
<p className="mb-0">Вы сможете делиться ссылкой на фрагменты своего кода с другими участниками. Или работать вместе прямо в Runit!</p>
</div>
</Col>
<Col className="mb-4 mb-sm-0">
<div className="d-flex flex-column">
<img
src="/landing/images/blank.png"
alt="blank"
className="mb-3"
width="39"
height="39"
/>
<p className="mb-2">Готовые шаблоны с кодом</p>
<p className="mb-0">Больше не будет необходимости каждый раз писать код с нуля. Мы сделаем шаблоны, чтобы вы могли проверить свои идеи на практике еще быстрее</p>
</div>
</Col>
</Row>
</section>
</section>
<section className="mt-90">
<Row>
<h3 className="text-center fs-2 mb-0 lh-2">Попробуйте написать свой код прямо сейчас!</h3>
<Row className="mt-40">
<Row className="">
<div className="d-grid col-7 col-sm-5 col-md-4 mx-auto">
<a
href="/editor"
className="btn btn-primary py-3 fs-5 fw-bold lh-5"
<Link
to={routes.homePagePath()}
className="btn btn-primary py-3 fs-5 fw-bold lh-5 mt-40"
>
Начать кодить
</a>
</Link>
</div>
</Row>
</Row>
Expand Down
5 changes: 3 additions & 2 deletions app/javascript/components/Footer.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import React from 'react';
import { Link } from 'react-router-dom';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faGlobe } from '@fortawesome/free-solid-svg-icons';
import {
Expand Down Expand Up @@ -112,10 +113,10 @@ export function buildFooter() {
</li>
<li>
<Nav.Link
as="a"
as={Link}
eventKey="licenseAgreement"
className="py-1 text-muted px-0"
href="/licenseAgreement"
to="/licenseAgreement"
>
{t('footer.licenseAgreement')}
</Nav.Link>
Expand Down
25 changes: 13 additions & 12 deletions app/javascript/components/Navbar.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import React from 'react';
import { Link } from 'react-router-dom';
import { useTranslation } from 'react-i18next';
import routes from '../routes.js';
import { useAuth } from '../hooks';
Expand All @@ -11,10 +12,10 @@ export function Navbar() {
return (
<nav className="navbar navbar-expand-md navbar-dark bg-dark text-white shadow-sm border-bottom-mb-5">
<div className="container">
<a
<Link
className="d-flex navbar-brand"
aria-hidden="true"
href={routes.homePagePath()}
to={routes.homePagePath()}
>
<img
alt="mainLabel"
Expand All @@ -24,16 +25,16 @@ export function Navbar() {
className="pb-1"
/>
<span className="ms-1">{t('navbar.mainLabel')}</span>
</a>
<div className="d-flex justify-content-end flex-xxl-row flex-xl-row flex-lg-row flex-md-row flex-sm-column flex-column">
</Link>
<div className="navbar-nav justify-content-end">
{auth.isLoggedIn && (
<a className="nav-link px-3" href={routes.profilePagePath()}>
<Link className="nav-link px-3" to={routes.profilePagePath()}>
{t('navbar.profile')}
</a>
</Link>
)}
<a className="nav-link px-3" href={routes.aboutPagePath()}>
<Link className="nav-link px-3" to={routes.aboutPagePath()}>
{t('navbar.about')}
</a>
</Link>
{auth.isLoggedIn && (
<button
type="button"
Expand All @@ -44,14 +45,14 @@ export function Navbar() {
</button>
)}
{!auth.isLoggedIn && (
<a className="nav-link px-3" href={routes.loginPagePath()}>
<Link className="nav-link px-3" to={routes.loginPagePath()}>
{t('navbar.signIn')}
</a>
</Link>
)}
{!auth.isLoggedIn && (
<a className="nav-link px-3" href={routes.signUpPagePath()}>
<Link className="nav-link px-3" to={routes.signUpPagePath()}>
{t('navbar.signUp')}
</a>
</Link>
)}
</div>
</div>
Expand Down

0 comments on commit 63b10c6

Please sign in to comment.