diff --git a/src/components/VacancyCard/EditVacancyForm/EditActionButtons.jsx b/src/components/VacancyCard/EditVacancyForm/EditActionButtons.jsx
new file mode 100644
index 00000000..d436ed1b
--- /dev/null
+++ b/src/components/VacancyCard/EditVacancyForm/EditActionButtons.jsx
@@ -0,0 +1,104 @@
+import React, { useState } from 'react';
+import { Button } from '../../../ui';
+import DeleteIcon from '../../../images/DeleteIcon/DeleteIcon';
+import { updateVacancy, deleteVacancy } from '../../../modules/ShelterVacancies/components/AddVacancyForm/components/vacanciesAPI';
+
+const EditActionButtons = ({ formData, isSubmitButtonDisabled, onDelete, onClose, onSubmitSuccess, isLoading }) => {
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  const handleSubmit = async () => {
+    try {
+      const token = localStorage.getItem('access');
+
+      const getFormattedValue = (value) => {
+        if (Array.isArray(value)) {
+          return value.join('');
+        }
+        if (typeof value === 'object' && value !== null) {
+          return value.slug || '';
+        }
+        return value || '';
+      };
+
+      const formattedSchedule = formData.schedule.map((item) => {
+        if (typeof item === 'object' && item !== null && item.slug) {
+          return item.slug;
+        }
+        return item;
+      });
+
+      const updateFormData = {
+        id: formData.id,
+        position: formData.title,
+        salary: formData.salary,
+        is_ndfl: getFormattedValue(formData.is_ndfl),
+        schedule: formattedSchedule,
+        education: getFormattedValue(formData.education),
+        description: formData.description,
+      };
+      await updateVacancy(token, updateFormData, updateFormData.id);
+      onSubmitSuccess();
+      onClose();
+    } catch (error) {
+      throw new Error('Network response was not ok');
+    }
+  };
+
+  const handleDelete = async () => {
+    try {
+      const isDeleted = await deleteVacancy(formData.id);
+      if (isDeleted) {
+        onDelete(formData.id);
+      }
+    } catch (error) {
+      throw new Error('Ошибка при удалении вакансии');
+    } finally {
+      setIsModalOpen(false);
+      onClose();
+    }
+  };
+
+  if (isLoading) {
+    return null;
+  }
+
+  return (
+    <div className='shelter-form__submit-buttons'>
+      <div className='btn-edit'>
+        <Button className='btn-edit__buttons' disabled={isSubmitButtonDisabled} onClick={handleSubmit}>
+          Сохранить изменения
+        </Button>
+        <Button className='btn-edit__buttons' theme='transparent' onClick={() => { setIsModalOpen(true); }}>
+          Удалить вакансию
+        </Button>
+      </div>
+
+      {isModalOpen && (
+        <div className='modal-overlay'>
+          <div className='wrapper wrapper__del'>
+            <div className='modal modal__del'>
+              <div className='modal__del-text'>
+                <div className='modal__title modal__del-title standard-font standard-font_type_h3'>Вы уверены, что хотите удалить вакансию?</div>
+                <div className='modal__descr modal__del-descr standard-font standard-font_type_h3'>Все данные о вакансии будут удалены</div>
+              </div>
+              <div className='modal__btn-del'>
+                <Button className='modal__btn-del-left' theme='accent' onClick={handleDelete}>
+                  <DeleteIcon />
+                  Да, удалить вакансию
+                </Button>
+                <Button theme='transparent' onClick={() => { setIsModalOpen(false); }}>Отменить удаление</Button>
+              </div>
+              <button
+                type='button'
+                className='modal__esc'
+                onClick={() => { setIsModalOpen(false); }}
+              />
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default EditActionButtons;
\ No newline at end of file
diff --git a/src/components/VacancyCard/EditVacancyForm/EditVacancyForm.jsx b/src/components/VacancyCard/EditVacancyForm/EditVacancyForm.jsx
new file mode 100644
index 00000000..c8fc59be
--- /dev/null
+++ b/src/components/VacancyCard/EditVacancyForm/EditVacancyForm.jsx
@@ -0,0 +1,127 @@
+import React, { useState, useEffect } from 'react';
+import '../../../modules/ShelterVacancies/components/AddVacancyForm/AddVacancyForm.scss';
+import { Button } from '../../../ui';
+import DeclarationInput from '../../../ui/DeclarationInput/DeclarationInput';
+import Select from '../../../ui/Select/Select';
+import FormTextarea from '../../../modules/ShelterVacancies/components/AddVacancyForm/components/FormTextarea';
+import useInput from '../../../hooks/useInput';
+import EditActionButtons from './EditActionButtons';
+import * as regex from '../../../utils/regex';
+import * as errorMessage from '../../../utils/errorMessage';
+import { getEducationOptions, getShiftOptions, getSalaryOptions } from '../../../modules/ShelterVacancies/components/AddVacancyForm/constants';
+
+// eslint-disable-next-line
+const EditVacancyForm = ({ id, title, salary, education, schedule, is_ndfl, description, onDelete, onClose, onSubmitSuccess, isLoading }) => {
+  const [formData, setFormData] = useState({
+    id: id || '',
+    title: title || '',
+    salary: salary || '',
+    education: education || '',
+    schedule: schedule || '',
+    // eslint-disable-next-line
+    is_ndfl: is_ndfl || '',
+    description: description || '',
+  });
+
+  const [educationOptions, setEducationOptions] = useState([]);
+  const [shiftOptions, setShiftOptions] = useState([]);
+  const [salaryOptions, setSalaryOptions] = useState([]);
+
+  const jobDescriptionInput = useInput('', { notEmpty: true, maxLength: 3000, regex: regex.TEXT }, errorMessage.VACANCY_DESCRIPTION);
+
+  const handleInputChange = (field, value) => {
+    // eslint-disable-next-line
+    setFormData((prevData) => ({
+      ...prevData,
+      [field]: value,
+    }));
+  };
+
+  const handleDescriptionChange1 = (evt) => {
+    jobDescriptionInput.onChange(evt);
+
+    setFormData((prevData) => {
+      return {
+        ...prevData,
+        description: evt.target.value,
+      };
+    });
+  };
+
+  useEffect(() => {
+    const fetchOptions = async () => {
+      const shiftOpts = await getShiftOptions();
+      const educationOpts = await getEducationOptions();
+      const salaryOpts = getSalaryOptions();
+      if (shiftOpts) {
+        setShiftOptions(shiftOpts);
+      }
+      if (educationOpts) {
+        setEducationOptions(educationOpts);
+      }
+      if (salaryOpts) {
+        setSalaryOptions(salaryOpts);
+      }
+    };
+    fetchOptions();
+  }, []);
+
+  return (
+    <form className='vacancy-form'>
+      <div className='vacancy-form__edit' >
+        <button
+          type='button'
+          className='vacancy-form__edit-btn'
+          onClick={onClose}
+        />
+        <Button theme='tertiary' onClick={onClose}>Отменить редактирование вакансии</Button>
+      </div>
+      <DeclarationInput
+        caption='Название вакансии*'
+        inputState={{ value: formData.title, onChange: (e) => { handleInputChange('title', e.target.value); } }}
+        type='text' name='position' required />
+
+      <div className='vacancy-form__container'>
+        <DeclarationInput
+          caption='Заработная плата*'
+          inputState={{ value: formData.salary, onChange: (e) => { handleInputChange('salary', e.target.value); } }}
+          type='number' name='salaryInput' required placeholder='₽'
+        />
+        <Select
+          label='Тип оплаты*'
+          onChange={handleInputChange}
+          options={salaryOptions}
+          id='is_ndfl'
+          isMulti={false}
+          initialValues={formData.is_ndfl}
+        />
+      </div>
+      <div className='vacancy-form__container'>
+        <Select
+          label='График работы*'
+          id='schedule'
+          isMulti
+          onChange={handleInputChange}
+          options={shiftOptions}
+          initialValues={formData.schedule}
+        />
+        <Select
+          label='Образование*'
+          id='education'
+          isMulti={false}
+          onChange={handleInputChange}
+          options={educationOptions}
+          initialValues={formData.education}
+        />
+      </div>
+      <FormTextarea
+        jobDescriptionInput={jobDescriptionInput}
+        handleDescriptionChange={handleDescriptionChange1}
+        initialValues={formData.description}
+      />
+      <EditActionButtons formData={formData} onDelete={onDelete} onSubmitSuccess={onSubmitSuccess} onClose={onClose} isLoading={isLoading} />
+    </form>
+  );
+};
+
+export default EditVacancyForm;
\ No newline at end of file
diff --git a/src/components/VacancyCard/VacancyCard.jsx b/src/components/VacancyCard/VacancyCard.jsx
index ac33293e..3be86e5e 100644
--- a/src/components/VacancyCard/VacancyCard.jsx
+++ b/src/components/VacancyCard/VacancyCard.jsx
@@ -1,11 +1,49 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { useOutletContext } from 'react-router-dom';
 import './VacancyCard.scss';
 import EditIcon from '../../images/EditIcon/EditIcon';
 import DeleteIcon from '../../images/DeleteIcon/DeleteIcon';
+import { Button } from '../../ui';
+import EditVacancyForm from './EditVacancyForm/EditVacancyForm';
+import { deleteVacancy } from '../../modules/ShelterVacancies/components/AddVacancyForm/components/vacanciesAPI';
 
-const VacancyCard = ({ title, salary, schedule, description, education, isLoading }) => {
+// eslint-disable-next-line
+const VacancyCard = ({ id, title, salary, schedule, description, education, is_ndfl, isLoading, onDelete, onSubmitSuccess, openEditForm, isOpenVacancyForm }) => {
   const { isOwner } = useOutletContext();
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isEditFormOpen, setIsEditFormOpen] = useState(false);
+  // eslint-disable-next-line
+  const convertedIsNdfl = is_ndfl === 'ndfl' ? { slug: 'ndfl', name: 'с НДФЛ' } : { slug: 'no_ndfl', name: 'на руки' };
+
+  const handleEditFormClose = () => {
+    setIsEditFormOpen(false);
+  };
+
+  const handleEditFormOpen = () => {
+    openEditForm({
+      id,
+      title,
+      salary,
+      schedule,
+      description,
+      education,
+      // eslint-disable-next-line
+      is_ndfl: convertedIsNdfl,
+    });
+  };
+
+  const handleDelete = async () => {
+    try {
+      const isDeleted = await deleteVacancy(id);
+      if (isDeleted) {
+        onDelete(id);
+      }
+    } catch (error) {
+      throw new Error('Ошибка при удалении вакансии');
+    } finally {
+      setIsModalOpen(false);
+    }
+  };
 
   if (isLoading) {
     return null;
@@ -17,24 +55,73 @@ const VacancyCard = ({ title, salary, schedule, description, education, isLoadin
         <h3 className='vacancy-card__title'>{title}</h3>
 
         {isOwner && (
-          <>
-            {/* TODO  <EditIcon /> функционал реализую в след PR */}
-            <button type='button' className='vacancy-card__icon-button vacancy-card__icon-button_edit'>
+          <div className='vacancy-card__icon'>
+            <button
+              type='button'
+              className='vacancy-card__icon-button vacancy-card__icon-button_edit'
+              onClick={handleEditFormOpen}
+              disabled={isOpenVacancyForm}
+            >
               <EditIcon />
             </button>
-            {/* TODO DeleteIcon функционал реализую в след PR */}
-            <button type='button' className='vacancy-card__icon-button vacancy-card__title-button_delete'>
+            <button
+              type='button'
+              className='vacancy-card__icon-button vacancy-card__title-button_delete'
+              onClick={() => { setIsModalOpen(true); }}
+            >
               <DeleteIcon />
             </button>
-          </>
+          </div>
         )}
       </div>
-      <p className='vacancy-card__text'>{`ЗП: ${salary}`}</p>
+      {/* eslint-disable-next-line */}
+      <p className='vacancy-card__text'>{`ЗП: ${salary} рублей ${is_ndfl === 'ndfl' ? 'с НДФЛ' : 'на руки'}`}</p>
       <p className='vacancy-card__text'>{`График работы: ${schedule.map((item) => { return item.name; }).join(', ')}`}</p>
       <p className='vacancy-card__text'>{`Образование: ${education.name}`}</p>
       <p className='vacancy-card__text'>{`Обязанности: ${description}`}</p>
+
+      {isEditFormOpen && (
+        <EditVacancyForm
+          id={id}
+          title={title}
+          salary={salary}
+          education={education}
+          schedule={schedule}
+          is_ndfl={convertedIsNdfl}
+          description={description}
+          onDelete={handleDelete}
+          onClose={handleEditFormClose}
+          onSubmitSuccess={onSubmitSuccess}
+          isLoading={isLoading}
+        />
+      )}
+
+      {isModalOpen && (
+        <div className='modal-overlay'>
+          <div className='wrapper wrapper__del'>
+            <div className='modal modal__del'>
+              <div className='modal__del-text'>
+                <div className='modal__title modal__del-title standard-font standard-font_type_h3'>Вы уверены, что хотите удалить вакансию?</div>
+                <div className='modal__descr modal__del-descr standard-font standard-font_type_h3'>Все данные о вакансии будут удалены</div>
+              </div>
+              <div className='modal__btn-del'>
+                <Button className='modal__btn-del-left' theme='accent' onClick={handleDelete}>
+                  <DeleteIcon />
+                  Да, удалить вакансию
+                </Button>
+                <Button theme='transparent' onClick={() => { setIsModalOpen(false); }}>Отменить удаление</Button>
+              </div>
+              <button
+                type='button'
+                className='modal__esc'
+                onClick={() => { setIsModalOpen(false); }}
+              />
+            </div>
+          </div>
+        </div>
+      )}
     </li>
   );
 };
 
-export default VacancyCard;
+export default VacancyCard;
\ No newline at end of file
diff --git a/src/components/VacancyCard/VacancyCard.scss b/src/components/VacancyCard/VacancyCard.scss
index 4b00fed7..7934f631 100644
--- a/src/components/VacancyCard/VacancyCard.scss
+++ b/src/components/VacancyCard/VacancyCard.scss
@@ -3,3 +3,62 @@
 @import url('./vacancy-card/__text/vacancy-card__text.css');
 @import url('./vacancy-card/__title-container/vacancy-card__title-container.scss');
 @import url('./vacancy-card/__icon-button/vacancy-card__icon-button.scss');
+$images-path: '../../images';
+
+.wrapper__del {
+  padding: 100px;
+  width: 621px;
+}
+
+.modal {
+  &__del {
+    gap: 40px;
+
+    &-title {
+      text-align: center;
+      width: 100%;
+    }
+
+    &-descr {
+      text-align: center;
+      width: 100%;
+    }
+
+    &-text {
+      display: flex;
+      flex-direction: column;
+      gap: 26px;
+      width: 600px;
+    }
+  }
+
+  &__btn-del {
+    display: flex;
+    gap: 20px;
+
+    &-left {
+      display: flex;
+      gap: 8px;
+    }
+  }
+}
+
+.modal__esc {
+  background-image: url('#{$images-path}/icons/ic_button_close.svg');
+  background-size: contain;
+  border: none;
+  width: 40px;
+  height: 40px;
+  background-color: rgba(0, 0, 0, 0);
+  padding: 0;
+  margin: 0;
+  transition: opacity 0.2s;
+  position: absolute;
+  top: 36px;
+  right: 57px;
+
+  &:hover {
+    opacity: 0.6;
+    cursor: pointer;
+  }
+}
diff --git a/src/components/VacancyCard/vacancy-card/__icon-button/vacancy-card__icon-button.scss b/src/components/VacancyCard/vacancy-card/__icon-button/vacancy-card__icon-button.scss
index 72cb3a95..46247ea4 100644
--- a/src/components/VacancyCard/vacancy-card/__icon-button/vacancy-card__icon-button.scss
+++ b/src/components/VacancyCard/vacancy-card/__icon-button/vacancy-card__icon-button.scss
@@ -1,3 +1,8 @@
+.vacancy-card__icon {
+  display: flex;
+  gap: 8px;
+}
+
 .vacancy-card__icon-button {
   flex-shrink: 0;
   box-sizing: border-box;
@@ -14,10 +19,6 @@
   background-color: var(--color-background-base);
 }
 
-.vacancy-card__icon-button_edit {
-  margin-left: 12px;
-}
-
 .vacancy-card__title-button_delete {
   color: #f0924f;
 }
diff --git a/src/components/VacancyCard/vacancy-card/__title-container/vacancy-card__title-container.scss b/src/components/VacancyCard/vacancy-card/__title-container/vacancy-card__title-container.scss
index 593d0e75..dd28de0b 100644
--- a/src/components/VacancyCard/vacancy-card/__title-container/vacancy-card__title-container.scss
+++ b/src/components/VacancyCard/vacancy-card/__title-container/vacancy-card__title-container.scss
@@ -1,4 +1,5 @@
 .vacancy-card__title-container {
   display: flex;
   align-items: flex-start;
+  gap: 12px;
 }
diff --git a/src/images/icons/ic_button_close_editForm.svg b/src/images/icons/ic_button_close_editForm.svg
new file mode 100644
index 00000000..ef9544f1
--- /dev/null
+++ b/src/images/icons/ic_button_close_editForm.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M17.697 3.76621C17.793 3.67026 17.8693 3.55632 17.9213 3.4309C17.9734 3.30548 18.0002 3.17104 18.0003 3.03526C18.0003 2.89947 17.9737 2.765 17.9218 2.63952C17.8699 2.51404 17.7938 2.40001 17.6979 2.30393C17.6019 2.20786 17.488 2.13163 17.3626 2.07959C17.2371 2.02755 17.1027 2.00072 16.9669 2.00064C16.8311 2.00055 16.6967 2.02721 16.5712 2.0791C16.4457 2.13099 16.3317 2.20708 16.2356 2.30303L10 8.53862L3.76621 2.30303C3.57218 2.109 3.30902 2 3.03462 2C2.76022 2 2.49706 2.109 2.30303 2.30303C2.109 2.49706 2 2.76022 2 3.03462C2 3.30902 2.109 3.57218 2.30303 3.76621L8.53862 10L2.30303 16.2338C2.20696 16.3299 2.13075 16.4439 2.07876 16.5694C2.02676 16.695 2 16.8295 2 16.9654C2 17.1012 2.02676 17.2358 2.07876 17.3613C2.13075 17.4868 2.20696 17.6009 2.30303 17.697C2.49706 17.891 2.76022 18 3.03462 18C3.17049 18 3.30503 17.9732 3.43056 17.9212C3.55608 17.8692 3.67014 17.793 3.76621 17.697L10 11.4614L16.2356 17.697C16.4296 17.8908 16.6927 17.9995 16.9669 17.9994C17.2411 17.9992 17.5041 17.8901 17.6979 17.6961C17.8917 17.502 18.0004 17.239 18.0003 16.9647C18.0001 16.6905 17.891 16.4276 17.697 16.2338L11.4614 10L17.697 3.76621Z" fill="#F0924F"/>
+</svg>
\ No newline at end of file
diff --git a/src/modules/AboutShelter/AboutShelter.jsx b/src/modules/AboutShelter/AboutShelter.jsx
index f1b70bac..6dcb9f8a 100644
--- a/src/modules/AboutShelter/AboutShelter.jsx
+++ b/src/modules/AboutShelter/AboutShelter.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useOutletContext, Link } from 'react-router-dom';
 import './AboutShelter.scss';
-import { InfoItem } from '../../ui';
+import { InfoItem, Button } from '../../ui';
 import classmatesIcon from '../../images/icons/footer__icon_classmates.svg';
 import vkIcon from '../../images/icons/footer__icon_vk.svg';
 import telegramIcon from '../../images/icons/footer__icon_telegram.svg';
@@ -23,76 +23,86 @@ const AboutShelter = () => {
   // TODO сделать попап при удалении приюта (6.2.1.3 в фигме)
 
   return (
-    <section className='shelter-section'>
-      <div className='shelter-info'>
-        <img className='shelter-info__logo' src={shelter.logo || petLogo} alt='лого' />
+    <section className='shelter-section shelter-section__about'>
+      <div className='shelter-section__top'>
+        <div className='shelter-info'>
+          <img className='shelter-info__logo' src={shelter.logo || petLogo} alt='лого' />
 
-        <div className='shelter-info__text-container'>
-          <div className='about-shelter__title-container'>
-            <h2 className='shelter-section__title'>{shelter.name}</h2>
+          <div className='shelter-info__text-container'>
+            <div className='about-shelter__title-container'>
+              <h2 className='shelter-section__title'>{shelter.name}</h2>
 
-            {isOwner && (
-              <>
-                {/* TODO  <EditPenIcon /> ведет на 6.2.1.4 в фигме, оно пока не реализовано */}
-                <Link to='/profile/my-shelter/edit' className='about-shelter__icon-button about-shelter__icon-button_edit'>
-                  <EditIcon />
-                </Link>
-                {/* TODO  при нажатии попап как на 6.2.1.3 в фигме, попап не сверстан */}
-                <button type='button' className='about-shelter__icon-button about-shelter__title-button_delete'>
-                  <DeleteIcon />
-                </button>
-              </>
-            )}
-          </div>
-
-          <ul className='shelter-info__list'>
-            <InfoItem argument='Адрес'>{shelter.address}</InfoItem>
-            <InfoItem argument='Часы работы'>{`${shelter.working_from_hour} - ${shelter.working_to_hour}`}</InfoItem>
-            <InfoItem argument='Номер телефона'>{shelter.phone_number}</InfoItem>
-            <InfoItem argument='E-mail'>{shelter.email}</InfoItem>
-            {shelter.web_site && (
-              <InfoItem argument='Сайт'>
-                <a className='shelter-info__link' href={shelter.web_site} target='_blank' rel='noreferrer'>
-                  {shelter.web_site}
-                </a>
-              </InfoItem>
-            )}
-            <div className='shelter-info__icons'>
-              {shelter.ok_page && (
-                <a href={shelter.ok_page} target='_blank' rel='noreferrer'>
-                  <img className='shelter-info__icon' src={classmatesIcon} alt='одноклассники' />
-                </a>
+              {isOwner && (
+                <>
+                  {/* TODO  <EditPenIcon /> ведет на 6.2.1.4 в фигме, оно пока не реализовано */}
+                  <Link to='/profile/my-shelter/edit' className='about-shelter__icon-button about-shelter__icon-button_edit'>
+                    <EditIcon />
+                  </Link>
+                  {/* TODO  при нажатии попап как на 6.2.1.3 в фигме, попап не сверстан */}
+                  <button type='button' className='about-shelter__icon-button about-shelter__title-button_delete'>
+                    <DeleteIcon />
+                  </button>
+                </>
               )}
+            </div>
 
-              {shelter.vk_page && (
-                <a href={shelter.vk_page} target='_blank' rel='noreferrer'>
-                  <img className='shelter-info__icon' src={vkIcon} alt='вконтакте' />
-                </a>
+            <ul className='shelter-info__list'>
+              <InfoItem argument='Адрес'>{shelter.address}</InfoItem>
+              <InfoItem argument='Часы работы'>{`${shelter.working_from_hour} - ${shelter.working_to_hour}`}</InfoItem>
+              <InfoItem argument='Номер телефона'>{shelter.phone_number}</InfoItem>
+              <InfoItem argument='E-mail'>{shelter.email}</InfoItem>
+              {shelter.web_site && (
+                <InfoItem argument='Сайт'>
+                  <a className='shelter-info__link' href={shelter.web_site} target='_blank' rel='noreferrer'>
+                    {shelter.web_site}
+                  </a>
+                </InfoItem>
               )}
+              <div className='shelter-info__icons'>
+                {shelter.ok_page && (
+                  <a href={shelter.ok_page} target='_blank' rel='noreferrer'>
+                    <img className='shelter-info__icon' src={classmatesIcon} alt='одноклассники' />
+                  </a>
+                )}
 
-              {shelter.telegram && (
-                <a href={shelter.telegram} target='_blank' rel='noreferrer'>
-                  <img className='shelter-info__icon' src={telegramIcon} alt='телеграм' />
-                </a>
-              )}
-            </div>
-          </ul>
+                {shelter.vk_page && (
+                  <a href={shelter.vk_page} target='_blank' rel='noreferrer'>
+                    <img className='shelter-info__icon' src={vkIcon} alt='вконтакте' />
+                  </a>
+                )}
+
+                {shelter.telegram && (
+                  <a href={shelter.telegram} target='_blank' rel='noreferrer'>
+                    <img className='shelter-info__icon' src={telegramIcon} alt='телеграм' />
+                  </a>
+                )}
+              </div>
+            </ul>
+          </div>
         </div>
-      </div>
 
-      <h3 className='standard-font_type_h3 standard-font'>Описание</h3>
-      <p className={`about-shelter__description standard-font_type_body ${isOwner ? 'about-shelter__description_owner' : 'about-shelter__description_user'}`}>
-        {shelter.description}
-      </p>
+        <h3 className='standard-font_type_h3 standard-font'>Описание</h3>
+        <p className={`about-shelter__description standard-font_type_body ${isOwner ? 'about-shelter__description_owner' : 'about-shelter__description_user'}`}>
+          {shelter.description}
+        </p>
 
-      {isOwner && <ShelterOwnerStatistics shelter={shelter} />}
+        {isOwner && <ShelterOwnerStatistics shelter={shelter} />}
 
-      <h3 className='standard-font_type_h3 about-shelter__metrics-dotantion'>
-        Собрано денег за всё время: <span className='about-shelter__metrics-donation-sum'>{shelter.money_collected}</span>
-      </h3>
-      <h3 className='standard-font_type_h3 standard-font'>
-        Забрали животных за всё время: <span className='about-shelter__metrics-donation-sum'>{shelter.animals_adopted}</span>
-      </h3>
+        <h3 className='standard-font_type_h3 about-shelter__metrics-dotantion'>
+          Собрано денег за всё время: <span className='about-shelter__metrics-donation-sum'>{shelter.money_collected}</span>
+        </h3>
+        <h3 className='standard-font_type_h3 standard-font'>
+          Забрали животных за всё время: <span className='about-shelter__metrics-donation-sum'>{shelter.animals_adopted}</span>
+        </h3>
+      </div>
+      {isOwner && (
+        <div className='shelter-section__bottom'>
+          <h3 className='standard-font_type_h3 standard-font'>
+            Подключить платежную систему
+          </h3>
+          <Button>Подключить платеж</Button>
+        </div>
+      )}
     </section>
   );
 };
diff --git a/src/modules/AboutShelter/AboutShelter.scss b/src/modules/AboutShelter/AboutShelter.scss
index 53b8b19d..dbcea5ae 100644
--- a/src/modules/AboutShelter/AboutShelter.scss
+++ b/src/modules/AboutShelter/AboutShelter.scss
@@ -12,3 +12,14 @@
 @import url('./styles/shelter-info/__link/shelter-info__link.css');
 @import url('./styles/shelter-info/__icons/shelter-info__icons.css');
 @import url('./styles/shelter-info/__icon/shelter-info__icon.css');
+
+.shelter-section__about {
+  display: flex;
+  gap: 44px;
+}
+
+.shelter-section__bottom {
+  display: flex;
+  gap: 16px;
+  flex-direction: column;
+}
\ No newline at end of file
diff --git a/src/modules/HelpToShelter/HelpToShelter.css b/src/modules/HelpToShelter/HelpToShelter.css
index 08eb34c5..33a50622 100644
--- a/src/modules/HelpToShelter/HelpToShelter.css
+++ b/src/modules/HelpToShelter/HelpToShelter.css
@@ -1,2 +1,16 @@
-@import url('./help-to-shelter/__title/help-to-shelter__title.css');
-@import url('./help-to-shelter/__button/help-to-shelter__button.css');
\ No newline at end of file
+.help-to-shelter {
+  gap: 40px;
+}
+
+.help-to-shelter__mat {
+  display: flex;
+  flex-direction: column;
+  max-width: 528px;
+  gap: 32px;
+}
+
+.help-to-shelter__nonmat {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+}
\ No newline at end of file
diff --git a/src/modules/HelpToShelter/HelpToShelter.jsx b/src/modules/HelpToShelter/HelpToShelter.jsx
index 69f93abc..64e8e513 100644
--- a/src/modules/HelpToShelter/HelpToShelter.jsx
+++ b/src/modules/HelpToShelter/HelpToShelter.jsx
@@ -1,14 +1,38 @@
 import React from 'react';
+import { useOutletContext } from 'react-router-dom';
 import './HelpToShelter.css';
-import Button from '../../ui/Button/Button';
+import { Button } from '../../ui';
+import DeclarationInput from '../../ui/DeclarationInput/DeclarationInput';
+import * as regex from '../../utils/regex';
+import * as errorMessage from '../../utils/errorMessage';
+import useInput from '../../hooks/useInput';
 
 const HelpToShelter = () => {
+  const materialAid = useInput('', { notEmpty: true, maxLength: 12, regex: regex.NUMBER }, errorMessage.DONATION_AMOUNT);
+  const { isOwner, isAuth, isShelterOwner } = useOutletContext();
+
   return (
     <section className='shelter-section help-to-shelter'>
-      <h2 className='shelter-section__title help-to-shelter__title'>Материальная помощь</h2>
-      <Button className='help-to-shelter__button' onClick={() => {}}>Пожертвовать деньги</Button>
-      <h2 className='shelter-section__title help-to-shelter__title'>Нематериальная помощь</h2>
-      <Button className='help-to-shelter__button' onClick={() => {}}>Выгулять питомца</Button>
+      { !isOwner && (
+        <div className='help-to-shelter__mat'>
+          <h2 className='shelter-section__title help-to-shelter__title'>Материальная помощь</h2>
+          { (isShelterOwner || isAuth) && (isAuth || isShelterOwner) && (
+            <DeclarationInput
+              caption='Какую сумму вы хотите пожертвовать?'
+              inputState={materialAid}
+              type='number'
+              name='salaryInput'
+              required
+              placeholder='1000'
+            />
+          )}
+          <Button className='help-to-shelter__button' disabled={!isAuth && !isShelterOwner}>Пожертвовать деньги</Button>
+        </div>
+      )}
+      <div className='help-to-shelter__nonmat'>
+        <h2 className='shelter-section__title help-to-shelter__title'>Нематериальная помощь</h2>
+        <Button className='help-to-shelter__button'>Выгулять питомца</Button>
+      </div>
     </section>
   );
 };
diff --git a/src/modules/HelpToShelter/help-to-shelter/__button/help-to-shelter__button.css b/src/modules/HelpToShelter/help-to-shelter/__button/help-to-shelter__button.css
deleted file mode 100644
index e79773ef..00000000
--- a/src/modules/HelpToShelter/help-to-shelter/__button/help-to-shelter__button.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.help-to-shelter__button {
-  margin: 0 auto 40px 0;
-}
\ No newline at end of file
diff --git a/src/modules/HelpToShelter/help-to-shelter/__title/help-to-shelter__title.css b/src/modules/HelpToShelter/help-to-shelter/__title/help-to-shelter__title.css
deleted file mode 100644
index fc9d56af..00000000
--- a/src/modules/HelpToShelter/help-to-shelter/__title/help-to-shelter__title.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.help-to-shelter__title {
-  margin-bottom: 24px;
-}
\ No newline at end of file
diff --git a/src/modules/PetModule/PetModule.jsx b/src/modules/PetModule/PetModule.jsx
index 905a187d..4330ff8d 100644
--- a/src/modules/PetModule/PetModule.jsx
+++ b/src/modules/PetModule/PetModule.jsx
@@ -17,7 +17,7 @@ const PetModule = () => {
   SwiperCore.use([Navigation, Pagination, Scrollbar, A11y]);
   const { id: shelterId, petId } = useParams();
   const { shelter, isOwner } = useOutletContext();
-
+  // eslint-disable-next-line
   const [{ name, age, breed, gallery, sex, sheltering_time }, setPet] = useState({}); // информация о питомце
 
   const [isTakedHome, setIsTakedHome] = useState(false);
@@ -121,6 +121,7 @@ const PetModule = () => {
               <div className='pet-additional-info-card'>
                 <img className='pet-additional-info-card__shelter-info-image' src={clockIcon} alt='срок содержания' />
                 <div className='pet-additional-info-card__text-container'>
+                  {/* eslint-disable-next-line */}
                   <p className='standard-font standard-font_type_body'>{renderLoadingOrValue(isLoadingReq, sheltering_time >= 0 ? sheltering_time : '~')}</p>
                   <p className='pet-additional-info-card__secondary-string standard-font standard-font_type_small'>В приюте</p>
                 </div>
diff --git a/src/modules/ShelterVacancies/ShelterVacancies.jsx b/src/modules/ShelterVacancies/ShelterVacancies.jsx
index 691b8520..c902169a 100644
--- a/src/modules/ShelterVacancies/ShelterVacancies.jsx
+++ b/src/modules/ShelterVacancies/ShelterVacancies.jsx
@@ -7,16 +7,19 @@ import AddVacancyForm from './components/AddVacancyForm/AddVacancyForm';
 import shelterVacanciesApi from './api';
 import imageSuccess from '../../images/icons/ic_success.svg';
 import InfoTooltip from '../../components/InfoTooltip/InfoTooltip';
+import EditVacancyForm from '../../components/VacancyCard/EditVacancyForm/EditVacancyForm';
 
 const message = 'Вакансия успешно добавлена!';
+const messageEdit = 'Вакансия успешно изменена!';
 
 const ShelterVacancies = () => {
   const [infoTooltipOpen, setInfoTooltipOpen] = useState(false);
-
   const [vacanciesList, setVacanciesList] = useState([]);
   const [isOpenVacancyForm, setIsOpenVacancyForm] = useState(false);
-
   const [isLoading, setIsLoading] = useState(true);
+  const [isEditFormOpen, setIsEditFormOpen] = useState(false);
+  const [editFormData, setEditFormData] = useState(null);
+  const [tooltipMessage, setTooltipMessage] = useState('');
 
   const { shelter, isOwner } = useOutletContext();
 
@@ -33,6 +36,12 @@ const ShelterVacancies = () => {
       });
   }, [shelter.id]);
 
+  const openEditForm = (data) => {
+    setIsEditFormOpen(true);
+    setEditFormData(data);
+    setTooltipMessage(messageEdit);
+  };
+
   const toggleVacancyForm = () => {
     setIsOpenVacancyForm((prevOpen) => {
       return !prevOpen;
@@ -49,10 +58,23 @@ const ShelterVacancies = () => {
     setInfoTooltipOpen(false);
   };
 
+  const handleDeleteVacancy = (id) => {
+    const updatedVacancies = vacanciesList.filter((vacancy) => {
+      return vacancy.id !== id;
+    });
+    setVacanciesList(updatedVacancies);
+  };
+
   const handleSubmit = () => {
     setIsOpenVacancyForm(false);
     setInfoTooltipOpen(true);
 
+    if (isEditFormOpen) {
+      setTooltipMessage(messageEdit);
+    } else {
+      setTooltipMessage(message);
+    }
+
     shelterVacanciesApi
       .getVacanciesByShelterId(shelter.id)
       .then((res) => {
@@ -76,7 +98,7 @@ const ShelterVacancies = () => {
       <div className='shelter-vacancies__title-container'>
         <h2 className='shelter-vacancies__title standard-font standard-font_type_h2'>Вакансии приюта «{shelter.name}»</h2>
         {isOwner && (
-          <Button disabled={isOpenVacancyForm} onClick={toggleVacancyForm}>
+          <Button disabled={isOpenVacancyForm || isEditFormOpen} onClick={toggleVacancyForm}>
             Добавить вакансию
           </Button>
         )}
@@ -85,12 +107,33 @@ const ShelterVacancies = () => {
         <h3 className='standard-font_type_h3 shelter-section__subtitle'>Всего вакансий: <span className='color-number'>{vacanciesList.length}</span> </h3>
       )}
       <div className='shelter-vacancies__vacancies-container'>
-        <VacancyList vacancies={vacanciesList} isLoading={isLoading} />
+        <VacancyList
+          vacancies={vacanciesList}
+          isLoading={isLoading}
+          onDelete={handleDeleteVacancy}
+          onSubmitSuccess={handleSubmit}
+          openEditForm={openEditForm}
+          isOpenVacancyForm={isOpenVacancyForm}
+        />
         {isOpenVacancyForm && <AddVacancyForm onChange={cancelVacancyForm} onSubmitSuccess={handleSubmit} />}
+        {isEditFormOpen && editFormData && (
+          <EditVacancyForm
+            id={editFormData.id}
+            title={editFormData.title}
+            salary={editFormData.salary}
+            education={editFormData.education}
+            schedule={editFormData.schedule}
+            is_ndfl={editFormData.is_ndfl}
+            description={editFormData.description}
+            onDelete={handleDeleteVacancy}
+            onClose={() => { setIsEditFormOpen(false); }}
+            onSubmitSuccess={handleSubmit}
+          />
+        )}
       </div>
-      <InfoTooltip isOpen={infoTooltipOpen} image={imageSuccess} message={message} onClose={closeInfoTooltip} />
+      <InfoTooltip isOpen={infoTooltipOpen} image={imageSuccess} message={tooltipMessage} onClose={closeInfoTooltip} />
     </section>
   );
 };
 
-export default ShelterVacancies;
+export default ShelterVacancies;
\ No newline at end of file
diff --git a/src/modules/ShelterVacancies/VacancyList.jsx b/src/modules/ShelterVacancies/VacancyList.jsx
index 5b368dd2..2fe58e36 100644
--- a/src/modules/ShelterVacancies/VacancyList.jsx
+++ b/src/modules/ShelterVacancies/VacancyList.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import VacancyCard from '../../components/VacancyCard/VacancyCard';
 import './ShelterVacancies.scss';
 
-const VacancyList = ({ vacancies, isLoading }) => {
+const VacancyList = ({ vacancies, isLoading, onDelete, onSubmitSuccess, openEditForm, isOpenVacancyForm }) => {
   if (!vacancies.length) {
     return <p className='standard-font shelter__empty-list'>У приюта нет активных вакансий</p>;
   }
@@ -19,7 +19,12 @@ const VacancyList = ({ vacancies, isLoading }) => {
             title={card.position}
             salary={card.salary}
             schedule={card.schedule}
+            is_ndfl={card.is_ndfl}
             description={card.description}
+            onDelete={onDelete}
+            onSubmitSuccess={onSubmitSuccess}
+            openEditForm={openEditForm}
+            isOpenVacancyForm={isOpenVacancyForm}
           />
         );
       })}
@@ -27,4 +32,4 @@ const VacancyList = ({ vacancies, isLoading }) => {
   );
 };
 
-export default VacancyList;
+export default VacancyList;
\ No newline at end of file
diff --git a/src/modules/ShelterVacancies/components/AddVacancyForm/AddVacancyForm.jsx b/src/modules/ShelterVacancies/components/AddVacancyForm/AddVacancyForm.jsx
index 34c55766..6dce176b 100644
--- a/src/modules/ShelterVacancies/components/AddVacancyForm/AddVacancyForm.jsx
+++ b/src/modules/ShelterVacancies/components/AddVacancyForm/AddVacancyForm.jsx
@@ -56,6 +56,15 @@ const AddVacancyForm = ({ onChange, onSubmitSuccess }) => {
     });
   };
 
+  const handleSelectChange = (id, selected) => {
+    setFormValues((prevValues) => {
+      return {
+        ...prevValues,
+        [id]: selected,
+      };
+    });
+  };
+
   useEffect(() => {
     setFormValues((prevValues) => {
       return {
@@ -70,7 +79,7 @@ const AddVacancyForm = ({ onChange, onSubmitSuccess }) => {
     const fetchOptions = async () => {
       const fetchedShiftOptions = await getShiftOptions();
       const fetchedEducationOptions = await getEducationOptions();
-      const fetchedSalaryOptions = await getSalaryOptions();
+      const fetchedSalaryOptions = getSalaryOptions();
       if (fetchedShiftOptions) {
         setShiftOptions(fetchedShiftOptions);
       }
@@ -84,26 +93,17 @@ const AddVacancyForm = ({ onChange, onSubmitSuccess }) => {
     fetchOptions();
   }, []);
 
-  const handleSelectChange = (id, selected) => {
-    setFormValues((prevValues) => {
-      return {
-        ...prevValues,
-        [id]: selected,
-      };
-    });
-  };
-
   return (
-    <form className='add-vacancy-form__container' onSubmit={handleSubmit}>
+    <form className='vacancy-form' onSubmit={handleSubmit}>
       <DeclarationInput caption='Название вакансии*' inputState={jobTitleInput} type='text' name='jobTitleInput' required />
 
-      <div className='add-vacancy-form__flex-container'>
+      <div className='vacancy-form__container'>
         <DeclarationInput caption='Заработная плата*' inputState={salaryInput} type='number' name='salaryInput' required placeholder='₽' />
 
         <Select label='Тип оплаты*' onChange={handleSelectChange} options={salaryOptions} id='is_ndfl' isMulti={false} />
       </div>
 
-      <div className='add-vacancy-form__flex-container'>
+      <div className='vacancy-form__container'>
         <Select label='График работы*' onChange={handleSelectChange} options={shiftOptions} id='schedule' isMulti />
 
         <Select label='Образование*' onChange={handleSelectChange} options={educationOptions} id='education' isMulti={false} />
@@ -126,4 +126,4 @@ const AddVacancyForm = ({ onChange, onSubmitSuccess }) => {
   );
 };
 
-export default AddVacancyForm;
+export default AddVacancyForm;
\ No newline at end of file
diff --git a/src/modules/ShelterVacancies/components/AddVacancyForm/AddVacancyForm.scss b/src/modules/ShelterVacancies/components/AddVacancyForm/AddVacancyForm.scss
index 92fe583e..3b6917e8 100644
--- a/src/modules/ShelterVacancies/components/AddVacancyForm/AddVacancyForm.scss
+++ b/src/modules/ShelterVacancies/components/AddVacancyForm/AddVacancyForm.scss
@@ -1,21 +1,41 @@
-.add-vacancy-form__flex-container {
-  display: flex;
-  gap: 16px;
-  justify-content: space-between;
-}
+$images-path: '../../../../images';
 
-.add-vacancy-form__container {
+.vacancy-form {
   margin-top: 36px;
   width: 576px;
+
+  &__container {
+    display: flex;
+    gap: 16px;
+    justify-content: space-between;
+  }
+
+  &__edit {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 36px;
+
+    &-btn {
+      background-image: url('#{$images-path}/icons/ic_button_close_editForm.svg');
+      background-size: contain;
+      border: none;
+      width: 20px;
+      height: 20px;
+      background-color: rgba(0, 0, 0, 0);
+      padding: 0;
+      margin: 0;
+      cursor: pointer;
+    }
+  }
 }
 
-.add-shelter-form__submit-buttons {
+.shelter-form__submit-buttons {
   display: flex;
   gap: 32px;
   margin-top: 40px;
 }
 
-.add-vacancy-form__description {
+.vacancy-form__description {
   width: 100%;
   height: 120px;
   margin: 0;
@@ -34,6 +54,15 @@
   }
 }
 
-.add-vacancy-form__desctioption-title {
+.vacancy-form__desctioption-title {
   margin-bottom: 10px;
 }
+
+.btn-edit {
+  display: flex;
+  gap: 76px;
+
+  &__buttons {
+    font-size: 16px;
+  }
+}
diff --git a/src/modules/ShelterVacancies/components/AddVacancyForm/components/FormActionButtons.jsx b/src/modules/ShelterVacancies/components/AddVacancyForm/components/FormActionButtons.jsx
index b1ebf820..bc06e576 100644
--- a/src/modules/ShelterVacancies/components/AddVacancyForm/components/FormActionButtons.jsx
+++ b/src/modules/ShelterVacancies/components/AddVacancyForm/components/FormActionButtons.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '../../../../../ui/Button/Button';
-import sendDataWithToken from './api';
+import { sendVacancy } from './vacanciesAPI';
 
 const FormActionButtons = ({ isSubmitButtonDisabled, onClick, onSubmitSuccess, formValues }) => {
   const handleSubmit = async () => {
@@ -21,7 +21,7 @@ const FormActionButtons = ({ isSubmitButtonDisabled, onClick, onSubmitSuccess, f
         description: formattedDescription,
       };
 
-      await sendDataWithToken(token, formData);
+      await sendVacancy(token, formData);
       onSubmitSuccess();
     } catch (error) {
       throw new Error('Network response was not ok');
@@ -29,7 +29,7 @@ const FormActionButtons = ({ isSubmitButtonDisabled, onClick, onSubmitSuccess, f
   };
 
   return (
-    <div className='add-shelter-form__submit-buttons'>
+    <div className='shelter-form__submit-buttons'>
       <Button submit disabled={isSubmitButtonDisabled} onClick={handleSubmit}>
         Добавить вакансию
       </Button>
@@ -38,4 +38,4 @@ const FormActionButtons = ({ isSubmitButtonDisabled, onClick, onSubmitSuccess, f
   );
 };
 
-export default FormActionButtons;
+export default FormActionButtons;
\ No newline at end of file
diff --git a/src/modules/ShelterVacancies/components/AddVacancyForm/components/FormTextarea.jsx b/src/modules/ShelterVacancies/components/AddVacancyForm/components/FormTextarea.jsx
index f6999ad1..2f90af29 100644
--- a/src/modules/ShelterVacancies/components/AddVacancyForm/components/FormTextarea.jsx
+++ b/src/modules/ShelterVacancies/components/AddVacancyForm/components/FormTextarea.jsx
@@ -1,11 +1,16 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 
-const FormTextarea = ({ jobDescriptionInput, handleDescriptionChange }) => {
+const FormTextarea = ({ jobDescriptionInput, handleDescriptionChange, initialValues }) => {
+  useEffect(() => {
+    if (initialValues) {
+      jobDescriptionInput.onChange({ target: { value: initialValues } });
+    }
+  }, [initialValues]);
   return (
     <>
-      <p className='add-vacancy-form__desctioption-title'>Обязанности*</p>
+      <p className='vacancy-form__desctioption-title'>Обязанности*</p>
       <textarea
-        className={`add-vacancy-form__description ${jobDescriptionInput.dirty && jobDescriptionInput.invalidText && 'add-vacancy-form__textarea_invalid'}`}
+        className={`vacancy-form__description ${jobDescriptionInput.dirty && jobDescriptionInput.invalidText && 'add-vacancy-form__textarea_invalid'}`}
         value={jobDescriptionInput.value}
         onChange={handleDescriptionChange}
         onBlur={jobDescriptionInput.onBlur}
diff --git a/src/modules/ShelterVacancies/components/AddVacancyForm/components/api.js b/src/modules/ShelterVacancies/components/AddVacancyForm/components/api.js
deleted file mode 100644
index 5fd35d4e..00000000
--- a/src/modules/ShelterVacancies/components/AddVacancyForm/components/api.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { baseUrl } from '../../../../../utils/constants';
-
-// Функция для отправки данных на бекенд с использованием токена
-const sendDataWithToken = async (token, formData) => {
-  try {
-    const response = await fetch(`${baseUrl}/v1/my-shelter/vacancies/`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${token}`, // Предполагается, что токен передается в заголовке Authorization
-      },
-      body: JSON.stringify(formData),
-    });
-    const data = await response.json();
-    return data;
-  } catch (error) {
-    throw new Error('Ошибка при отправке данных на бекенд');
-  }
-};
-
-export default sendDataWithToken;
\ No newline at end of file
diff --git a/src/modules/ShelterVacancies/components/AddVacancyForm/components/vacanciesAPI.js b/src/modules/ShelterVacancies/components/AddVacancyForm/components/vacanciesAPI.js
new file mode 100644
index 00000000..7ecdbd76
--- /dev/null
+++ b/src/modules/ShelterVacancies/components/AddVacancyForm/components/vacanciesAPI.js
@@ -0,0 +1,56 @@
+import { baseUrl } from '../../../../../utils/constants';
+
+export const sendVacancy = async (token, formData) => {
+  try {
+    const response = await fetch(`${baseUrl}/v1/my-shelter/vacancies/`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`,
+      },
+      body: JSON.stringify(formData),
+    });
+    const data = await response.json();
+    return data;
+  } catch (error) {
+    throw new Error('Ошибка при отправке данных на бекенд');
+  }
+};
+
+export const updateVacancy = async (token, formData, id) => {
+  try {
+    const response = await fetch(`${baseUrl}/v1/my-shelter/vacancies/${id}/`, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`,
+      },
+      body: JSON.stringify(formData),
+    });
+    const data = await response.json();
+    return data;
+  } catch (error) {
+    throw new Error('Ошибка при отправке данных на бекенд');
+  }
+};
+
+export const deleteVacancy = async (id) => {
+  try {
+    const token = localStorage.getItem('access');
+    const response = await fetch(`http://194.58.109.129/api/v1/my-shelter/vacancies/${id}/`, {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`,
+      },
+    });
+
+    if (!response.ok) {
+      throw new Error('Ошибка при удалении вакансии');
+    }
+
+    return true;
+  } catch (error) {
+    throw new Error('Ошибка при удалении вакансии');
+  }
+};
\ No newline at end of file
diff --git a/src/modules/ShelterVacancies/components/AddVacancyForm/constants.js b/src/modules/ShelterVacancies/components/AddVacancyForm/constants.js
index 4ea6e284..777faedc 100644
--- a/src/modules/ShelterVacancies/components/AddVacancyForm/constants.js
+++ b/src/modules/ShelterVacancies/components/AddVacancyForm/constants.js
@@ -11,7 +11,6 @@ export const fetchDataFromBackend = async (url) => {
     const data = await response.json();
     return data;
   } catch (error) {
-    // console.error('Error fetching data from backend:', error);
     return null;
   }
 };
@@ -26,21 +25,11 @@ export const getEducationOptions = async () => {
   return fetchDataFromBackend(url);
 };
 
-export const getSalaryOptions = async () => {
-  const url = `${baseUrl}/v1/vacancies`;
-  const data = await fetchDataFromBackend(url);
-  if (!data) {
-    return [];
-  }
-
-  const salarySet = new Set();
-  data.forEach((item) => {
-    if (item.is_ndfl === 'ndfl') {
-      salarySet.add({ name: 'с НДФЛ', slug: 'ndfl' });
-    } else if (item.is_ndfl === 'no_ndfl') {
-      salarySet.add({ name: 'На руки', slug: 'no_ndfl' });
-    }
-  });
+export const getSalaryOptions = () => {
+  const salaryOptions = [
+    { name: 'с НДФЛ', slug: 'ndfl' },
+    { name: 'На руки', slug: 'no_ndfl' },
+  ];
 
-  return Array.from(salarySet);
+  return salaryOptions;
 };
\ No newline at end of file
diff --git a/src/pages/ShelterPage/ShelterPage.jsx b/src/pages/ShelterPage/ShelterPage.jsx
index 0381a8c3..d74098eb 100644
--- a/src/pages/ShelterPage/ShelterPage.jsx
+++ b/src/pages/ShelterPage/ShelterPage.jsx
@@ -14,6 +14,8 @@ const ShelterPage = () => {
 
   const currentUser = useContext(CurrentUserContext);
   const isOwner = currentUser?.own_shelter?.id === Number(id);
+  const isAuth = currentUser?.status === 'user';
+  const isShelterOwner = currentUser?.status === 'shelter_owner';
 
   useEffect(() => {
     shelterApi
@@ -33,7 +35,7 @@ const ShelterPage = () => {
         <section className='shelter-menu-section'>
           <NestedRoutesMenu linkList={shelterLinkList} gap={72} />
         </section>
-        <Outlet context={{ shelter, isOwner, isLoading }} />
+        <Outlet context={{ shelter, isOwner, isAuth, isShelterOwner, isLoading }} />
       </main>
     </MainContainer>
   );
diff --git a/src/pages/ShelterPage/styles/shelter-section/shelter-section.css b/src/pages/ShelterPage/styles/shelter-section/shelter-section.css
index ab6bf835..679a3e3b 100644
--- a/src/pages/ShelterPage/styles/shelter-section/shelter-section.css
+++ b/src/pages/ShelterPage/styles/shelter-section/shelter-section.css
@@ -1,7 +1,7 @@
 .shelter-section {
   display: flex;
   width: 1440px;
-  min-height: 625px;
+  /* min-height: 625px; */
   padding: 0 0 80px 132px;
   flex-direction: column;
   background-color: var(--color-background-base);
diff --git a/src/ui/Button/Button.scss b/src/ui/Button/Button.scss
index bb3c1101..3a9b30e3 100644
--- a/src/ui/Button/Button.scss
+++ b/src/ui/Button/Button.scss
@@ -64,5 +64,29 @@
         cursor: default;
       }
     }
+
+    &_tertiary {
+      color: var(--color-accent-base);
+      background-color: var(--color-background-base);
+      padding: 0;
+      border: none;
+      border-radius: 0;
+
+      &:hover {
+        color: var(--color-accent-hover);
+        background-color: var(--color-background-base);
+      }
+
+      &:focus {
+        color: var(--color-accent-pressed);
+        background-color: var(--color-background-base);
+      }
+
+      &:disabled {
+        color: var(--color-accent-disabled);
+        background-color: var(--color-background-base);
+        cursor: default;
+      }
+    }
   }
 }
\ No newline at end of file
diff --git a/src/ui/Select/Select.jsx b/src/ui/Select/Select.jsx
index 0bd98aa1..9a1909f7 100644
--- a/src/ui/Select/Select.jsx
+++ b/src/ui/Select/Select.jsx
@@ -8,9 +8,12 @@ import OptionList from './OptionList';
 import Arrow from './svg/Arrow';
 import useOutsideClick from '../../hooks/useOutsideClick';
 
-const Select = ({ label, onChange, options, id: selectId, isMulti }) => {
+const Select = ({ label, onChange, options, id: selectId, isMulti, initialValues }) => {
+  // const initialSelected = initialValues ? [initialValues.slug] : [];
+  // eslint-disable-next-line
+  const initialSelected = initialValues ? (Array.isArray(initialValues) ? initialValues.map(item => item.slug) : [initialValues.slug]) : [];
   const [isSelectOpen, setIsOpenedSelect] = useState(false);
-  const [selected, setSelected] = useState([]);
+  const [selected, setSelected] = useState(initialSelected);
   const selectRef = useRef(null);
 
   const addSelectedItem = (slug) => {
diff --git a/src/utils/errorMessage.js b/src/utils/errorMessage.js
index ee5782f5..2838adfe 100644
--- a/src/utils/errorMessage.js
+++ b/src/utils/errorMessage.js
@@ -118,3 +118,9 @@ export const VACANCY_DESCRIPTION = {
   TOO_LONG: tooLong,
   INVALID: invalidSymbol,
 };
+
+// сумма пожертвования
+export const DONATION_AMOUNT = {
+  TOO_LONG: tooLong,
+  NOT_FOUND: 'Введите сумму пожертвования',
+};
\ No newline at end of file