cicd

.drone.yml

@@ -5,9 +5,9 @@ name: default
 steps:
 - name: build
   commands:
-    - docker build --no-cache -t izaac-frontend:latest .
+    - docker build --no-cache -t izaac-frontend-develop:latest .
-    - docker tag izaac-frontend:latest registry.izaac.pl:5000/izaac-frontend:latest
+    - docker tag izaac-frontend:latest registry.izaac.pl:5000/izaac-frontend-develop:latest
-    - docker push registry.izaac.pl:5000/izaac-frontend:latest
+    - docker push registry.izaac.pl:5000/izaac-frontend-develop:latest
 
 - name: delete
   environment:

deployment.yml

@@ -31,7 +31,7 @@ spec:
     spec:
       containers:
       - name: izaac-frontend
-        image: registry.izaac.pl:5000/izaac-frontend-develop:latest
+        image: registry.knck.pl:5000/izaac-frontend-develop:latest
         ports:
         - containerPort: 80
         volumeMounts:

eslint.config.js

@@ -0,0 +1,10 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
+
+
+export default [
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  pluginReactConfig,
+];

package.json

@@ -13,22 +13,24 @@
     "@ckeditor/ckeditor5-build-classic": "^40.0.0",
     "@ckeditor/ckeditor5-build-multi-root": "^40.0.0",
     "@ckeditor/ckeditor5-react": "^6.1.0",
+    "axios": "^0.24.0",
     "dompurify": "^3.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.18.0",
+    "react-router-dom": "^6.18.0"
-    "axios": "^0.24.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.3.0",
     "@tailwindcss/typography": "^0.5.10",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@vitejs/plugin-react": "^4.0.3",
     "autoprefixer": "^10.4.16",
-    "eslint": "^8.45.0",
+    "eslint": "^8.57.0",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "globals": "^15.2.0",
     "postcss": "^8.4.31",
     "postcss-nesting": "^12.0.1",
     "tailwindcss": "^3.3.5",

src/components/AddJobListing.jsx

@@ -53,7 +53,7 @@ const AddJobListing = () => {
 
   const handleSubmit = async () => {
     try {
-      const response = await axios.post('http://izaac.izaac.pl/api/jobposting/joboffers/', formData);
+      const response = await axios.post('https://izaac.knck.pl/api/jobposting/joboffers/', formData);
       console.log('Data posted:', response.data);
       nextStep();
     } catch (error) {
@@ -63,7 +63,7 @@ const AddJobListing = () => {
 
   const getSkills = async () => {
     try {
-      const response = await axios.get('http://izaac.izaac.pl/api/jobposting/skills/');
+      const response = await axios.get('https://izaac.knck.pl/api/jobposting/skills/');
       setSkills(response.data.sort((a, b) => a.skill_name.localeCompare(b.skill_name)));
 
     } catch (error) {

src/components/Category.jsx

@@ -5,7 +5,7 @@ const Category = (props) => {
     <div className='flex flex-shrink-0 items-center gap-6 mr-6'>
       <button onClick={props.func} className='mx-auto text-center text-l
        font-poppins font-semibold text-slate-800 
-       py-4 hover:scale-125 duration-200' 
+       py-4 hover:scale-110 duration-200' 
        href='' >
         {props.name}
       </button>

src/components/ImageUpload.jsx

@@ -30,7 +30,7 @@ const ImageUpload = ({setFormData, data}) => {
     formData.append('company_logo', imageFile);
     formData.append('company_name', data.company_name)
     try {
-      const response = await axios.post('http://izaac.izaac.pl/api/jobposting/companylogo/', formData, {
+      const response = await axios.post('https://izaac.knck.pl/api/jobposting/companylogo/', formData, {
         headers: {
           "Content-Type": 'multipart/form-data'
         }

src/components/JobOfferContent.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { 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
@@ -8,7 +8,7 @@ const JobOfferContent = ({ id, skills }) => {
 
   const fetchJobOfferById = async (jobId) => {
     try {
-      const response = await axios.get(`http://izaac.izaac.pl/api/jobposting/joboffers/${jobId}`);
+      const response = await axios.get(`https://izaac.knck.pl/api/jobposting/joboffers/${jobId}`);
       setJobOffer(response.data);
     } catch (error) {
       console.error('Failed to fetch job offer:', error);
@@ -48,7 +48,7 @@ const JobOfferContent = ({ id, skills }) => {
         <>
           <h1 className="my-4 mx-6 text-3xl font-bold text-slate-800">{jobOffer.name} w {jobOffer.company_name}</h1>
           <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-2 sm:gap-4">
-            {jobOffer.skill_levels.map((skillLevel) => {
+          {jobOffer.skill_levels && jobOffer.skill_levels.map((skillLevel) => {
               const skill = skills.find((s) => s.id === parseInt(skillLevel.skill_id));
               return skill ? (
                 <SkillRender key={skill.id} skill={skill.skill_name} level={skillLevel.skill_level} />

src/components/WorkApp.jsx

@@ -56,7 +56,7 @@ const WorkApp = () => {
   const getOgloszenia = async (queryParams = {}) => {
     try {
       const response = await axios.get(
-        "http://izaac.izaac.pl/api/jobposting/joboffers_list/",
+        "https://izaac.knck.pl/api/jobposting/joboffers_list/",
         { params: queryParams }
       );
       const data = response.data;
@@ -74,7 +74,7 @@ const WorkApp = () => {
   const getSkills = async () => {
     try {
       const response = await axios.get(
-        `http://izaac.izaac.pl/api/jobposting/skills/`
+        `https://izaac.knck.pl/api/jobposting/skills/`
       );
       const data = response.data;
       setSkills(data);
@@ -127,7 +127,7 @@ const WorkApp = () => {
   return (
     <section className=" mx-auto bg-white w-full">
       <div className="flex-grow h-5/6 grid grid-cols-10">
-        {/* <div className="px-3 flex col-span-11 sm:flex-wrap flex-shrink-0 items-center place-content-center">
+        <div className="px-3 flex col-span-11 sm:flex-wrap flex-shrink-0 items-center place-content-center">
           <button onClick={prevSlide} className="lg:hidden mx-6 font-semibold place-self-start self-center leading-5">
             Poprzednia <br/> kategoria
           </button>
@@ -149,7 +149,7 @@ const WorkApp = () => {
           <button onClick={nextSlide} className="lg:hidden font-semibold leading-5 place-self-end self-center mr-6">
           Następna <br/> kategoria
           </button>
-        </div> */}
+        </div>
 
         <div
           className={`static rounded-xl col-span-11 sm:col-span-4 bg-gray-100  overflow-y-auto px-2 my-4 mx-2 sm:h-[84vh] h-[84vh] ${

vite.config.js

@@ -9,7 +9,7 @@ export default defineConfig({
   server: {
     proxy: {
       '/api': {
-        target: 'http://izaac.izaac.pl',
+        target: 'https://izaac.knck.pl',
         changeOrigin: false,
         secure: false, // Ustaw na true jeśli łączysz się przez HTTPS
         // Jeśli twoje połączenie HTTPS wymaga niestandardowego certyfikatu: