<commit_before>import React from "react";

import styled from "styled-components";
import style from "@agir/front/genericComponents/_variables.scss";
import { RawFeatherIcon } from "@agir/front/genericComponents/FeatherIcon";

const StyledLink = styled.a`
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  font-weight: 2rem;
  color: ${style.black1000};
`;

const StyledRow = styled.div`
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
`;

const GroupLink = (props) => {
  const { label, url } = props;

  return (
    <StyledRow>
      <StyledLink href={url} target="_blank" rel="noopener noreferrer">
        <RawFeatherIcon
          name="globe"
          width="1.5rem"
          height="1.5rem"
          style={{ color: style.primary500, marginRight: "1rem" }}
        />
        {label}
      </StyledLink>

      <RawFeatherIcon name="edit-2" width="1rem" height="1rem" />
    </StyledRow>
  );
};

export default GroupLink;<commit_msg>feat: add external link icon<commit_after>import React from "react";

import styled from "styled-components";
import style from "@agir/front/genericComponents/_variables.scss";
import { RawFeatherIcon } from "@agir/front/genericComponents/FeatherIcon";

const StyledLink = styled.a`
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  font-weight: 2rem;
  font-size: 1rem;
  color: ${style.black1000};
`;

const StyledRow = styled.div`
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
`;

const GroupLink = (props) => {
  const { label, url } = props;

  return (
    <StyledRow>
      <StyledLink href={url} target="_blank" rel="noopener noreferrer">
        <RawFeatherIcon
          name="globe"
          width="1.5rem"
          height="1.5rem"
          style={{ color: style.primary500, marginRight: "1rem" }}
        />
        {label} <RawFeatherIcon name="external-link" width="1rem" height="1rem" style={{marginLeft: "0.5rem"}} />
      </StyledLink>

      <RawFeatherIcon name="edit-2" width="1rem" height="1rem" />
    </StyledRow>
  );
};

export default GroupLink;
{'fraction_non_alphanumeric': 0.14417744916820702, 'fraction_numerical': 0.017097966728280962, 'mean_word_length': 3.3649193548387095, 'pattern_counts': {'":': 0, '<': 16, '<?xml version=': 0, '>': 18, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6437695', 'n_tokens_mistral': 746, 'n_tokens_neox': 718, 'n_words': 157}