feat: color changes

apps/frontend/src/app/colors.scss

@@ -84,7 +84,7 @@
     --linkedin-border: #e9e5df;
     --linkedin-bg: #fff;
     --linkedin-text: #707070;
-    --facebook-bg: #f1f0f3;
+    --facebook-bg: #fff;
     --facebook-bg-comment: #f6f6f6;
     --instagram-bg: #fff;
     --tiktok-item-bg: #EEF1F0;

apps/frontend/src/components/new-launch/picks.socials.component.tsx

@@ -56,7 +56,7 @@ export const PicksSocialsComponent: FC<{ toolTip?: boolean }> = ({
                       addOrRemoveSelectedIntegration(integration, {});
                     }}
                     className={clsx(
-                      'cursor-pointer border-[1.5px] relative rounded-full flex justify-center items-center bg-fifth filter transition-all duration-500',
+                      'cursor-pointer border-[2px] relative rounded-full flex justify-center items-center bg-fifth filter transition-all duration-500',
                       selectedIntegrations.findIndex(
                         (p) => p.integration.id === integration.id
                       ) === -1

apps/frontend/src/components/new-launch/providers/instagram/instagram.preview.tsx

@@ -61,7 +61,7 @@ export const InstagramPreview: FC<{
           <div className="text-[15px] font-[600]">{integration?.name}</div>
         </div>
       </div>
-      {!!renderContent?.[0]?.images?.length && (
+      {!!renderContent?.[0]?.images?.length ? (
         <SliderComponent
           className="h-[585px] rounded-[8px] overflow-hidden"
           list={renderContent?.[0]?.images.map((image, index) => (
@@ -71,13 +71,15 @@ export const InstagramPreview: FC<{
               href={mediaDir.set(image.path)}
               target="_blank"
             >
-              <VideoOrImage
-                autoplay={true}
-                src={mediaDir.set(image.path)}
-              />
+              <VideoOrImage autoplay={true} src={mediaDir.set(image.path)} />
             </a>
           ))}
         />
+      ) : (
+        <div
+          style={{ background: 'url(/no-video-youtube.png)' }}
+          className="!bg-cover w-full aspect-[calc(16/9)] rounded-[8px] overflow-hidden"
+        />
       )}
       <div
         className="text-[14px] font-[400] whitespace-pre-line"