Repository: srbhr/Resume-Matcher
File: webapp/app/_components/footer/footer.tsx (TypeScript)

Code before:
                className="text-base hover:text-[#A49DA2]"
                href="https://github.com/srbhr/Resume-Matcher/blob/master/LICENSE"
                target="_blank"
                rel="noopener noreferrer"
              >
                Apache 2.0
              </a>
            </ul>
          </div>
          <div className="flex justify-around text-xl w-3/5">
            {data.map((section, index) => (
              <div key={index}>
                <p className="pb-4 font-semibold">{section.label}</p>
                <ul>
                  {section.items.map((item, itemIndex) => (
                    <li
                      className="py-1 text-base hover:text-[#A49DA2]"
                      key={itemIndex}
                    >
                      <a
                        {...(item.shouldOpenInNewPage
                          ? { target: "_blank" }
                          : {})}
                        rel="noopener noreferrer"
                        href={item.link}
                      >
                        {item.title}
                      </a>
                    </li>
                  ))}
                </ul>
              </div>
            ))}
          </div>
        </div>
        <div className="flex justify-between pt-16">
          <p className="flex py-2">
            Apache 2.0 ©{" "}
            <a
              className="text-[#B3A8C3] hover:text-[#9385A8]"
              target="_blank"
              rel="noopener noreferrer"
              href="https://github.com/srbhr/Resume-Matcher/graphs/contributors"
            >
              Resume Matcher Contributers
            </a>{" "}
          </p>
          <div className="flex gap-5">
            <a href="https://github.com/srbhr/Resume-Matcher">
              <div className="p-2 rounded-xl hover:p-2 hover:bg-[#44365F] transition duration-300">
                <Image

Review comment (refactor):
👀 We could further refactor the dynamic conditional logic to be simpler to read and more maintainable with the following suggestion below, which applied to both the `target` and `rel` attributes.

```suggestion
                      <a
                        target={item.shouldOpenInNewPage ? "_blank" : undefined}
                        rel={
                          item.shouldOpenInNewPage
                            ? "noopener noreferrer"
                            : undefined
                        }
                        href={item.link}
                      >
```

Code after:
              href="https://github.com/srbhr/Resume-Matcher/blob/master/LICENSE"
              target="_blank"
              rel="noopener noreferrer"
            >
              Apache 2.0
            </a>
          </ul>
        </div>
        <div className="flex justify-around text-xl w-3/5">
          {data.map((section, index) => (
            <div key={index}>
              <p className="pb-4 font-semibold">{section.label}</p>
              <ul>
                {section.items.map((item, itemIndex) => (
                  <li
                    className="py-1 text-base hover:text-[#A49DA2]"
                    key={itemIndex}
                  >
                    <a
                      target={item.shouldOpenInNewPage ? "_blank" : undefined}
                      rel={
                        item.shouldOpenInNewPage
                          ? "noopener noreferrer"
                          : undefined
                      }
                      href={item.link}
                    >
                      {item.title}
                    </a>
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>
      </div>
      <div className="flex gap-5 pt-12">
        <a
          className="p-2 rounded-xl hover:p-2 hover:bg-[#44365F] transition duration-300"
          href="https://discord.com/invite/t3Y9HEuV34"
          title="Discord"
          target="_blank"
          rel="noopener noreferrer"
        >
          <Image
            className="hover:bg-[#44365F]"
            src="/icons/discord-light.svg"
            width={20}
            height={20}
            alt="Discord Logo"
          />