Merge pull request #219 from Lapkipomoshi/dev-payment

Dev payment

src/modules/AboutShelter/AboutShelter.jsx

@@ -9,6 +9,7 @@ import EditIcon from '../../images/EditIcon/EditIcon';
 import DeleteIcon from '../../images/DeleteIcon/DeleteIcon';
 import ShelterOwnerStatistics from '../ShelterOwnerStatistics/ShelterOwnerStatistics';
 import petLogo from '../../images/pet.jpg';
+import setPayment from './api';
 
 // TODO переделать названия классов (объединить?), не совсем понятно, по какому принципу about-shelter, shelter-info
 
@@ -22,6 +23,10 @@ const AboutShelter = () => {
   // TODO подключить рероутер на редактирование инфо о приюте (6.2.1.4 в фигме)
   // TODO сделать попап при удалении приюта (6.2.1.3 в фигме)
 
+  const handleSetPayment = () => {
+    setPayment();
+  };
+
   return (
     <section className='shelter-section shelter-section__about'>
       <div className='shelter-section__top'>
@@ -100,7 +105,9 @@ const AboutShelter = () => {
           <h3 className='standard-font_type_h3 standard-font'>
             Подключить платежную систему
           </h3>
-          <Button>Подключить платеж</Button>
+          <Button
+            onClick={handleSetPayment}
+          >Подключить платеж</Button>
         </div>
       )}
     </section>

src/modules/AboutShelter/api.js

@@ -0,0 +1,20 @@
+import { apiHeaders, baseUrl } from '../../utils/constants';
+
+const setPayment = async () => {
+  const response = await fetch(`${baseUrl}/v1/payments/get-partner-link/`, {
+    method: 'GET',
+    headers: apiHeaders,
+    redirect: 'follow'
+  }).then(
+    console.log('OK')
+  );
+  // Перенаправить на страницу OAuth-сервера ЮKassa
+  // .then((res) => {
+  //   console.log(res);
+  // });
+  if (!response.ok) {
+    throw new Error(`HTTP error! Status: ${response.status}`);
+  }
+
+};
+export default setPayment;