Skip to content

Contact ATC functionality

All of them use a mailto identifier that automatically opens the default email agent of the user.

On the header

Go to /ui/src/components/MENU.tsx.

<Menu
  onClick={handleClick}
  mode="horizontal"
  className="menu"
  overflowedIndicator={false}
>
  ...
  <Menu.Item className="contact-us" key="contact-us">
    <Typography.Link href="mailto:atc-contact@cern.ch" target="_blank">
      <Title level={2} className="contact-us-link">
        Contact
      </Title>
    </Typography.Link>
  </Menu.Item>
</Menu>

Then it is built into /ui/src/components/AT_HEADER.tsx as a part of the Menu.

{
// In case of a bigger screen
  (toggleMenu || screenWidth > 992) && <MENU />;
}

{
// In case of a smaller screen
  (toggleMenu || screenWidth <= 992) && (
    <Drawer
      placement="right"
      width="300px"
      className="drawer"
      onClose={toggleCollapsed}
      visible={!state.collapsed}
      destroyOnClose={true}
      closeIcon={<CloseOutlined style={{ color: "#fff" }} />}
    >
      <MENU />
    </Drawer>
  );
}

Go to /ui/src/components/CERN_FOOTER.tsx.

<Menu className="menu nav">
  ...
  <Menu.Item>
    <Typography.Link href="mailto:atc-contact@cern.ch" target="_blank">
      Contact
    </Typography.Link>
  </Menu.Item>
</Menu>

<Typography.Link href="mailto:atc-contact@cern.ch" target="_blank">
  <Title className="hover-underline-animation">
    Submit a suggestion for future topics
  </Title>
</Typography.Link>