Unknown step
;
}
diff --git a/src/components/Category.jsx b/src/components/Category.jsx
new file mode 100644
index 0000000..b3cf55d
--- /dev/null
+++ b/src/components/Category.jsx
@@ -0,0 +1,18 @@
+import React from 'react'
+
+const Category = (props) => {
+ return (
+
+
+ {props.name}
+
+
+
+ )
+}
+
+export default Category
diff --git a/src/components/EmployerPanel.jsx b/src/components/EmployerPanel.jsx
new file mode 100644
index 0000000..29c2569
--- /dev/null
+++ b/src/components/EmployerPanel.jsx
@@ -0,0 +1,96 @@
+import React from "react";
+import { ogloszenia } from "../consts";
+import ListingSmall from "./ListingSmall";
+import { useState } from "react";
+import SkillRender from "./SkillRender";
+const EmployerPanel = () => {
+ const [showActions, setShowActions] = useState(true);
+ const [selectedOgloszenie, setSelectedOgloszenie] = useState(ogloszenia[0]);
+ const [isDetailsVisible, setIsDetailsVisible] = useState(false); // Dodany stan
+
+ const handleOgloszenieClick = (ogloszenie) => {
+ setSelectedOgloszenie(ogloszenie);
+ setIsDetailsVisible(true); // Pokaż szczegóły na urządzeniach mobilnych
+ };
+
+ // Funkcja do powrotu do listy ogłoszeń
+ const handleBackToList = () => {
+ setIsDetailsVisible(false);
+ };
+ const handleOnClick = () => {
+ setShowActions(showActions);
+ handleOgloszenieClick(selectedOgloszenie);
+ };
+
+ return (
+ <>
+
+
+
+ );
+};
+
+export default EmployerPanel;
diff --git a/src/components/Filter.jsx b/src/components/Filter.jsx
new file mode 100644
index 0000000..2643df8
--- /dev/null
+++ b/src/components/Filter.jsx
@@ -0,0 +1,30 @@
+import React from 'react'
+import Search from './Search'
+
+
+const Filter = (props) => {
+ if (!props.isOpen) return null;
+ return (
+
+ handleOgloszenieClick(ogloszenie)}
+ />
+ ))}
+
+ + Twoje ogłoszenia +
+ {ogloszenia.map((ogloszenie, index) => ( +
+ {isDetailsVisible && (
+ <>
+
+
+
+
+
+
+ {isDetailsVisible && (
+
+
+
+ )}
+
+
+
+
+ )}
+
+ {Object.entries(selectedOgloszenie.neededSkills).map(
+ ([skill, level]) => (
+
+
+ {selectedOgloszenie.tresc}
+
+
+
+
+ )
+}
+
+export default Filter
diff --git a/src/components/ImageUpload.jsx b/src/components/ImageUpload.jsx
index acef528..b2b9572 100644
--- a/src/components/ImageUpload.jsx
+++ b/src/components/ImageUpload.jsx
@@ -6,6 +6,8 @@ import axios from 'axios';
const ImageUpload = ({setFormData, data}) => {
const [imageSrc, setImageSrc] = useState(placeholderImage);
const fileInputRef = useRef(); // Referencja do ukrytego inputu plików
+ const [uploadedImageData, setUploadedImageData] = useState(null);
+
const handleImageChange = async (e) => {
const file = e.target.files[0];
@@ -38,7 +40,7 @@ const ImageUpload = ({setFormData, data}) => {
setImageSrc(url)
}
catch (error) {
- console.error('Błąd podczas przesyłania obrazka:', e)
+ console.error('Błąd podczas przesyłania obrazka:', error)
}
}
diff --git a/src/components/JobOfferContent.jsx b/src/components/JobOfferContent.jsx
new file mode 100644
index 0000000..433cc2f
--- /dev/null
+++ b/src/components/JobOfferContent.jsx
@@ -0,0 +1,65 @@
+import React, { useEffect, useState } from 'react';
+import axios from 'axios';
+import DOMPurify from 'dompurify';
+import SkillRender from './SkillRender'; // Ensure this import is correctly pointing to your SkillRender component
+
+const JobOfferContent = ({ id, skills }) => {
+ const [jobOffer, setJobOffer] = useState(null);
+
+ const fetchJobOfferById = async (jobId) => {
+ try {
+ const response = await axios.get(`http://izaac.izaac.pl/api/jobposting/joboffers/${jobId}`);
+ setJobOffer(response.data);
+ } catch (error) {
+ console.error('Failed to fetch job offer:', error);
+ }
+ };
+
+ const processHTML = (htmlString) => {
+ const parser = new DOMParser();
+ const doc = parser.parseFromString(htmlString, 'text/html');
+ doc.querySelectorAll('h1, h2, h3, h4, h5, h6').forEach((tag) => {
+ tag.classList.add('no-tailwindcss-base', 'text-xl');
+ });
+ doc.querySelectorAll('p').forEach((tag) => {
+ tag.classList.add('no-tailwindcss-base', 'text-slate-800', 'text-lg');
+ });
+ doc.querySelectorAll('ol, ul').forEach((tag) => tag.classList.add('no-tailwindcss-base'));
+ doc.querySelectorAll('li').forEach((tag) => tag.classList.add('lista'));
+ return doc.body.innerHTML;
+ };
+
+ const cleanAndProcessData = (userInput) => {
+ const sanitizedHTML = DOMPurify.sanitize(userInput, { USE_PROFILES: { html: true } });
+ return processHTML(sanitizedHTML);
+ };
+
+ const renderContent = (htmlString) => {
+ return ;
+ };
+
+ useEffect(() => {
+ fetchJobOfferById(id);
+ }, [id]);
+
+ return (
+ <>
+ {jobOffer && (
+ <>
+ {jobOffer.name} w {jobOffer.company_name}
+
+ {jobOffer.skill_levels.map((skillLevel) => {
+ const skill = skills.find((s) => s.id === parseInt(skillLevel.skill_id));
+ return skill ? (
+
+ {renderContent(jobOffer.content)}
+
+ )}
+
+ );
+};
+
+export default JobOfferContent;
diff --git a/src/components/JobPosting.jsx b/src/components/JobPosting.jsx
deleted file mode 100644
index d55bf77..0000000
--- a/src/components/JobPosting.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react'
-import styles from '../style'
-import { CKEditor } from '@ckeditor/ckeditor5-react';
-import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
-
-const JobPosting = () => {
- return (
- <>
-
-
-
-
-
-
-
-
- Zacznij dodawać ogłoszenie o pracę z Izaac.pl
- -
-
-
- )
-}
-
-export default JobPosting
diff --git a/src/components/ListingSmall.jsx b/src/components/ListingSmall.jsx
new file mode 100644
index 0000000..d41da5e
--- /dev/null
+++ b/src/components/ListingSmall.jsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import { IzaacLOGO } from '../assets'
+
+const ListingSmall = ({ id, name, company_name, min_salary, max_salary, require_salary, index, onClick, _class, image }) => {
+ return (
+
-
-
-
-
-
+
+ );
+};
+
+export default ListingSmall;
\ No newline at end of file
diff --git a/src/components/Mininav.jsx b/src/components/Mininav.jsx
index 11790b8..c5d5593 100644
--- a/src/components/Mininav.jsx
+++ b/src/components/Mininav.jsx
@@ -1,6 +1,8 @@
import React, { useState } from 'react'
import Register from './Register';
import Login from './Login';
+import { BrowserRouter as Router } from "react-router-dom";
+import { Route, Routes } from "react-router-dom";
const Mininav = () => {
const [isPopupOpen, setPopupOpen] = useState(false)
@@ -13,14 +15,16 @@ const Mininav = () => {
return (
<>
-
+ {/* Obrazek jest wyśrodkowany i zachowuje proporcje */}
+ 
+
+
+
+ {name}
+{company_name}
+ {/* Wyświetlenie wynagrodzenia pod nazwą, jeśli jest wymagane */} + {require_salary && ( +{min_salary} - {max_salary} PLN
+ )} +
+
{/* Link otwierający modal */}
+ Panel pracodawcy
+
{/* Komponent modalu */}
+
+
+
+
+