Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1 | Rev 2640 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 2639
Línea 1... Línea 1...
1 
import {axios} from "../../../utils";
 1 
import { axios } from "../../../utils";
2 
import React, { useEffect, useState } from "react";
 2 
import React, { useEffect, useState } from "react";
3 
import { connect } from "react-redux";
 3 
import { connect } from "react-redux";
4 
import styled from "styled-components";
 4 
import styled from "styled-components";
5 
import { addNotification } from "../../../redux/notification/notification.actions";
 5 
import { addNotification } from "../../../redux/notification/notification.actions";
6 
import FormErrorFeedback from "../../../shared/form-error-feedback/FormErrorFeedback";
 6 
import FormErrorFeedback from "../../../shared/form-error-feedback/FormErrorFeedback";
Línea 103... Línea 103...
103 
    });
 103 
    });
104 
    setLoading(false);
 104 
    setLoading(false);
105 
  }, []);
 105 
  }, []);
Línea 106... Línea 106...
106 
 
 106 
 
107 
  return (
 - 
 
108 
    <div
 107 
  return (
109 
      className="acc-setting"
 108 
    <div className="settings-container">
110 
      style={{
 109 
      <h2>Imagen</h2>
111 
        position: "relative",
 - 
 
112 
      }}
 - 
 
113 
    >
 - 
 
114 
      <h3>Imagen</h3>
 110 
      <div className="acc-setting_content">
115 
      <StyledSetting>
 111 
        <StyledSetting>
116 
        {imageUrl && (
 112 
          {imageUrl && (
117 
          <img
 113 
            <img
118 
            id="user-img-change"
 114 
              id="user-img-change"
119 
            src={imageUrl}
 115 
              src={imageUrl}
120 
            className="img img-responsive"
 116 
              className="img img-responsive"
121 
          />
 117 
            />
122 
        )}
 - 
 
123 
 
 118 
          )}
124 
        <div className="dropzoneContainer">
 119 
          <div className="dropzoneContainer">
125 
          <MyDropzone
 120 
            <MyDropzone
126 
            onDrop={handleOnDropImage}
 121 
              onDrop={handleOnDropImage}
127 
            onDropRejected={handleDropReject}
 122 
              onDropRejected={handleDropReject}
128 
          />
 123 
            />
- 
 
 124 
            {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
- 
 
 125 
          </div>
- 
 
 126 
        </StyledSetting>
- 
 
 127 
        <div className="pt-4 d-flex align-items-center justify-content-center">
- 
 
 128 
          <button
- 
 
 129 
            type="button"
- 
 
 130 
            className="btn btn-secondary"
- 
 
 131 
            onClick={handleSubmit}
- 
 
 132 
          >
- 
 
 133 
            Guardar
129 
          {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
 134 
          </button>
130 
        </div>
 - 
 
131 
      </StyledSetting>
 - 
 
132 
      <div className="save-stngs pd2">
 - 
 
133 
        <ul>
 - 
 
134 
          <li>
 - 
 
135 
            <button
 - 
 
136 
              type="button"
 - 
 
137 
              className="btn-save-basic"
 - 
 
138 
              onClick={handleSubmit}
 - 
 
139 
            >
 - 
 
140 
              Guardar
 - 
 
141 
            </button>
 - 
 
142 
          </li>
 - 
 
143 
        </ul>
 135 
        </div>
- 
 
 136 
      </div>
144 
      </div>
 137 
 
145 
      {loading && (
 138 
      {loading && (
146 
        <StyledSpinnerContainer>
 139 
        <StyledSpinnerContainer>
147 
          <Spinner></Spinner>
 140 
          <Spinner></Spinner>
148 
        </StyledSpinnerContainer>
 141 
        </StyledSpinnerContainer>