diff --git a/src/components/SaveSearches/SaveSearches.test.tsx b/src/components/SaveSearches/SaveSearches.test.tsx new file mode 100644 index 0000000..a815bd6 --- /dev/null +++ b/src/components/SaveSearches/SaveSearches.test.tsx @@ -0,0 +1,19 @@ +import { render, screen } from '@testing-library/react'; +import { expect } from '@jest/globals'; +import SaveSearches from './SaveSearches'; + +describe('SaveSearches component', () => { + let container: HTMLElement; + + beforeEach(() => { + container = render().container; + }); + + it('should be defined', () => { + expect(container).toBeDefined(); + }); + + it('to be render SaveButton', () => { + screen.getByText('Salvar busca'); + }); +}); diff --git a/src/components/SaveSearches/SaveSearches.tsx b/src/components/SaveSearches/SaveSearches.tsx new file mode 100644 index 0000000..98b1113 --- /dev/null +++ b/src/components/SaveSearches/SaveSearches.tsx @@ -0,0 +1,32 @@ +import Text from '@components/Text'; +import * as S from './styles'; +import * as I from '@assets/db.icons'; + +const SaveSearches = () => { + return ( + + + Salve essa busca, te avisaremos por e-mail quando + encontrarmos mais vagas +

+ } + fontSize="medium" + fontColor="white" + /> + + + + + +
+ ); +}; + +export default SaveSearches; diff --git a/src/components/SaveSearches/index.ts b/src/components/SaveSearches/index.ts new file mode 100644 index 0000000..b53acaa --- /dev/null +++ b/src/components/SaveSearches/index.ts @@ -0,0 +1 @@ +export { default } from './SaveSearches'; diff --git a/src/components/SaveSearches/styles.ts b/src/components/SaveSearches/styles.ts new file mode 100644 index 0000000..d8bfd09 --- /dev/null +++ b/src/components/SaveSearches/styles.ts @@ -0,0 +1,25 @@ +/* eslint-disable indent */ +import styled from 'styled-components'; + +export const Container = styled.section` + display: flex; + gap: 1.5rem; + padding-top: 2.5rem; + + b { + font-weight: bold; + font-style: italic; + } + + .text { + justify-content: flex-start; + } +`; + +export const Button = styled.button` + display: flex; + gap: 0.5rem; + background-color: var(--purple-dark-secondary); + border-radius: 0.5rem; + padding: 0.5rem 0.625rem; +`; diff --git a/src/components/SearchBar/SearchBar.tsx b/src/components/SearchBar/SearchBar.tsx index ec54287..6a5f40d 100644 --- a/src/components/SearchBar/SearchBar.tsx +++ b/src/components/SearchBar/SearchBar.tsx @@ -7,8 +7,11 @@ import Button from './../Button'; import useField from '@hooks/useField'; import useRecentSearches from '@hooks/useRecentSearches'; import useSearchHandling from '@hooks/useSearchHandling'; +import SaveSearches from '@components/SaveSearches'; import * as S from './styles'; +import { useContext } from 'react'; +import { userContext } from '@contexts/user'; const SearchBar = () => { const [location] = useField('text', 'location'); @@ -18,6 +21,8 @@ const SearchBar = () => { const [recentSearches, addRecentSearch] = useRecentSearches(); + const { user } = useContext(userContext); + const handleSearch = useSearchHandling( positionOrTech.value, location.value, @@ -102,6 +107,7 @@ const SearchBar = () => { )} + {user && pathname === '/vacancies' && } ); }; diff --git a/src/components/VacanciesFound/VacanciesFound.test.tsx b/src/components/VacanciesFound/VacanciesFound.test.tsx index 62bdf8b..fb36612 100644 --- a/src/components/VacanciesFound/VacanciesFound.test.tsx +++ b/src/components/VacanciesFound/VacanciesFound.test.tsx @@ -1,4 +1,3 @@ -/* eslint-disable @typescript-eslint/no-explicit-any */ import { render, screen } from '@testing-library/react'; import { expect } from '@jest/globals'; import VacanciesFound from './VacanciesFound';