Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 40 Rev 41
Línea 6... Línea 6...
6 
import WidgetLayout from "../WidgetLayout";
 6 
import WidgetLayout from "../WidgetLayout";
Línea 7... Línea 7...
7 
 
 7 
 
8 
const StyledDailyPulseContainer = styled(WidgetLayout)`
 8 
const StyledDailyPulseContainer = styled(WidgetLayout)`
9 
  padding: 1rem;
 9 
  padding: 1rem;
10 
  h3 {
 10 
  h3 {
11 
    color: $title-color;
 11 
    color: var(--title-color);
12 
    font-weight: 700;
 12 
    font-weight: 700;
13 
    font-size: 1.1rem;
 13 
    font-size: 1.1rem;
14 
  }
 14 
  }
15 
  span {
 15 
  span {
16 
    color: $subtitle-color;
 16 
    color: var(--subtitle-color);
17 
    font-weight: 600;
 17 
    font-weight: 600;
- 
 
 18 
  }
- 
 
 19 
  h4 {
- 
 
 20 
    font-weight: 600;
- 
 
 21 
    color: var(--title-color);
- 
 
 22 
    text-align: center;
- 
 
 23 
    margin-bottom: 0.5rem;
- 
 
 24 
  }
- 
 
 25 
`;
- 
 
 26 
 
- 
 
 27 
const StyledPulseList = styled.ul`
- 
 
 28 
  display: flex;
- 
 
 29 
  gap: 0.5rem;
- 
 
 30 
  button {
- 
 
 31 
    width: 32px;
- 
 
 32 
    height: 32px;
- 
 
 33 
    border-radius: 50%;
- 
 
 34 
    transition: all 300ms;
- 
 
 35 
    & > img {
- 
 
 36 
      width: 100%;
- 
 
 37 
      height: 100%;
- 
 
 38 
      object-fit: cover;
- 
 
 39 
    }
- 
 
 40 
    &:hover {
- 
 
 41 
      transform: translateY(-10px);
- 
 
 42 
    }
18 
  }
 43 
  }
Línea 19... Línea 44...
19 
`;
 44 
`;
20 
 
 45 
 
21 
const DailyPulse = ({ dailyPulseUrl = "" }) => {
 46 
const DailyPulse = ({ dailyPulseUrl = "" }) => {
Línea 87... Línea 112...
87 
      return onComplete();
 112 
      return onComplete();
88 
    });
 113 
    });
89 
  };
 114 
  };
Línea 90... Línea 115...
90 
 
 115 
 
91 
  return (
 116 
  return (
92 
    <div className="daily_pulse-quest">
 117 
    <>
93 
      <h4>{title}</h4>
 118 
      <h4>{title}</h4>
94 
      <ul>
 119 
      <StyledPulseList>
95 
        {options.map(({ link_save, id, image }, index) => (
 120 
        {options.map(({ link_save, id, image }, index) => (
96 
          <li key={id}>
 - 
 
97 
            <a
 - 
 
98 
              href={link_save}
 - 
 
99 
              onClick={(e) => {
 - 
 
100 
                e.preventDefault();
 121 
          <li key={id}>
101 
                handleEmojiSave(link_save);
 - 
 
102 
              }}
 - 
 
103 
            >
 122 
            <button onClick={() => handleEmojiSave(link_save)}>
104 
              <img
 123 
              <img
105 
                className="fadedown"
 124 
                className="fadedown"
106 
                src={image}
 125 
                src={image}
107 
                style={{ animationDelay: `${index + 10}00ms` }}
 126 
                style={{ animationDelay: `${index + 10}00ms` }}
108 
              />
 127 
              />
109 
            </a>
 128 
            </button>
110 
          </li>
 129 
          </li>
111 
        ))}
 130 
        ))}
112 
      </ul>
 131 
      </StyledPulseList>
113 
    </div>
 132 
    </>
114 
  );
 133 
  );
Línea 115... Línea 134...
115 
};
 134 
};