Merge pull request #398 from CodebilityDev/kris/Application-sort-and-modal-bug

application sorting and modal bug fixes

Author: yyyort

apps/codebility/app/(marketing)/_components/MarketingFooter.tsx

@@ -56,11 +56,10 @@ const Footer = () => {
                   return (
                     <Link key={social.id} href={social.href} target="_blank">
                       <IconComponent
-                        className={`${
-                          IconComponent === IconFacebookWhite
-                            ? "h-[25px] w-[25px]"
-                            : "h-[32px] w-[32px]"
-                        }`}
+                        className={`${IconComponent === IconFacebookWhite
+                          ? "h-[25px] w-[25px]"
+                          : "h-[32px] w-[32px]"
+                          }`}
                       />
                     </Link>
                   );

apps/codebility/app/(marketing)/_components/marketing_modals/MarketingTermsAndConditionModal.tsx

@@ -16,7 +16,7 @@ function TermsAndCondition() {
         <DialogTitle className="sr-only">Terms and Conditions</DialogTitle>
         <div className="flex h-full overflow-hidden rounded-[10px] border border-[#1D1D1E]">
           <div className="hidden sm:flex">
-          <NavBar />
+            <NavBar />
           </div>
           <Content />
         </div>
@@ -45,9 +45,8 @@ const NavBar: React.FC = () => {
           key={index}
           href={`#${tab}`}
           onClick={() => setActiveTab(index)}
-          className={`px-2 py-1 text-xs sm:whitespace-nowrap sm:px-[1.2rem] sm:py-[10px] sm:text-base ${
-            index === activeTab ? "rounded-[10px] bg-[#222222]" : ""
-          }`}
+          className={`px-2 py-1 text-xs sm:whitespace-nowrap sm:px-[1.2rem] sm:py-[10px] sm:text-base ${index === activeTab ? "rounded-[10px] bg-[#222222]" : ""
+            }`}
         >
           {tab}
         </Link>

apps/codebility/app/(marketing)/layout.tsx

@@ -1,12 +1,17 @@
 "use server";
+import { ModalProviderMarketing } from "@/components/providers/modal-provider-marketing";
+
 export default async function MarketingLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
   return (
     <div>
-      <main>{children}</main>
+      <main>
+        {children}
+        <ModalProviderMarketing />
+      </main>
     </div>
   );
 }