function ShowcaseMultipleAuthorsDropdown()

in website/src/components/gallery/ShowcaseCard/index.tsx [79:122]


function ShowcaseMultipleAuthorsDropdown({ user }: { user: User }) {
  const authors = user.author;
  const websites = user.website;

  if (authors.includes("|")) {
    var multiWebsites = websites.split("|");
    var multiAuthors = authors.split("|");
    const links = [];

    return (
      <div className="dropdown dropdown--right dropdown--hoverable">
        <button
          className={clsx(
            'button button--secondary button--sm',
            styles.showcaseCardSrcBtn,
          )}
        >
          Author
        </button>
        <ul className="dropdown__menu">
          {multiWebsites.map((value, index) => {
            // Append tracking parameter to URL
            const trackedUrl = `${value}?ocid=biafy25h1_communitygallery_webpage_azuremktg`;
            return ShowcaseMultipleWebsites(
              multiAuthors[index],
              trackedUrl // Use the tracked URL
            );
          })}
        </ul>
      </div>
    );
  }

  // Append tracking parameter to single URL
  const trackedUrl = `${websites}?ocid=biafy25h1_communitygallery_webpage_azuremktg`;

  return (
    <div className="author">
      <a href={trackedUrl} target="_blank" rel="noopener noreferrer">
        {authors}
      </a>
    </div>
  );
}