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';