Merge pull request #1211 from dacadeorg/fix/submission-box-borders

fix: remove duplicate border on GithubLink submission box

Author: musayann

src/components/sections/challenges/Submission.tsx

@@ -9,7 +9,6 @@ import { useMultiSelector } from "@/hooks/useTypedSelector";
 import { useDispatch } from "@/hooks/useTypedDispatch";
 import { createSubmission, createSubmissionTeam } from "@/store/feature/communities/challenges/submissions";
 import { useForm } from "react-hook-form";
-import classNames from "classnames";
 import { useTranslation } from "next-i18next";
 import { ReactElement } from "react";
 import { Submission as TSubmission, User } from "@/types/bounty";
@@ -163,11 +162,7 @@ export default function Submission(): ReactElement {
                     />
                   </div>
                   {challenge.format.githubLink && (
-                    <div
-                      className={classNames("w-full border border-solid border-gray-200 m-0 rounded-b text-lg py-0 leading-none items-center space-x-2", {
-                        "border-t-0": challenge.format.text,
-                      })}
-                    >
+                    <div className="w-full m-0 text-lg py-0 leading-none items-center space-x-2">
                       <div>
                         <GithubLinkInput
                           id="input-github"

src/components/ui/GithubLinkInput.tsx

@@ -83,7 +83,7 @@ export default forwardRef<HTMLInputElement, GithubLinkInputProps>(function Githu
   );
 
   return (
-    <div className="flex items-center w-full border border-t-0 border-gray-200">
+    <div className="flex items-center w-full border border-t-0 rounded-b border-gray-200">
       <div className="flex-none pl-3.75">
         <GithubIcon className="relative flex-none text-gray-400 m-0 p-0 block -mt-0.5" />
       </div>