From 6465e9579db027ae1affea4d97b0c2aac1c4b0f5 Mon Sep 17 00:00:00 2001
From: NIL2000 <nilabhra09b.net@gmail.com>
Date: Sat, 12 Oct 2024 18:58:47 +0530
Subject: [PATCH] Added flag for jobs-create-page

---
 app/(app)/jobs/create/_client.tsx | 27 +++++++++++++++++++--------
 next.config.js                    |  1 -
 utils/flags.ts                    |  1 +
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/app/(app)/jobs/create/_client.tsx b/app/(app)/jobs/create/_client.tsx
index b9a2f00b..41d4be2c 100644
--- a/app/(app)/jobs/create/_client.tsx
+++ b/app/(app)/jobs/create/_client.tsx
@@ -17,11 +17,20 @@ import {
 } from "@/components/ui-components/radio";
 import { Strong, Text } from "@/components/ui-components/text";
 import { Textarea } from "@/components/ui-components/textarea";
+import { FEATURE_FLAGS, isFlagEnabled } from "@/utils/flags";
 import Image from "next/image";
-import React, { useRef } from "react";
+import { notFound } from "next/navigation";
+import React, { useRef, useState } from "react";
 
 export default function Content() {
+  const flagEnabled = isFlagEnabled(FEATURE_FLAGS.JOB_POST_CREATE);
   const fileInputRef = useRef<HTMLInputElement>(null);
+  const [imgUrl, setImgUrl] = useState<string | null>(null);
+
+  if (!flagEnabled) {
+    notFound();
+  }
+
   return (
     <form className="mx-auto max-w-4xl p-3 pt-8 sm:px-4">
       <Heading level={1}>Post a job</Heading>
@@ -33,13 +42,15 @@ export default function Content() {
         </div>
         <Field>
           <div className="flex items-center space-x-4">
-            <Image
-              src="https://s3-alpha-sig.figma.com/img/8a23/cb6a/8d462a922529d9ae7a44772fb9f64b61?Expires=1729468800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=XnJwSdtoT2ZlVsJvhBPWF3AAxyOJ5qVcunVwoDqMLar78R6wuZUJvkxS3VqeOFued9~gWF8biRwIdWhSA4NHF9Fiw5P5S-KFzs68QXDGLYVL7AhoEA2u-GYaEYep52BRmsQWceF8Bd9IDPYceJkF7MyIQCIkJFkuZ6FvXcHa319yBMk0xS4qGux2sNiBqxXOjA9gcraKuBh~mj3bEQ9l4GrqzBeHRt1s6OaBqbIJUSic984Wfizmfyjcu7NDLxJaTVsYVhe8d5p2Sv8QVCrvc0UspSGLYpsmJjybLF41zoEEkIxSb~iX905tpAo2q757TKSTDOinzLdCcUwCJ-VZ8Q__"
-              width={80}
-              height={80}
-              alt="Company Logo"
-              className="rounded-[10px]"
-            />
+            {imgUrl && (
+              <Image
+                src={imgUrl}
+                width={80}
+                height={80}
+                alt="Company Logo"
+                className="rounded-[10px]"
+              />
+            )}
             <div>
               <Button
                 color="dark/white"
diff --git a/next.config.js b/next.config.js
index 6d092f2b..34136e2c 100644
--- a/next.config.js
+++ b/next.config.js
@@ -14,7 +14,6 @@ const REMOTE_PATTERNS = [
   // Temporary wildcard
   "*.s3.eu-west-1.amazonaws.com",
   "s3.eu-west-1.amazonaws.com",
-  "s3-alpha-sig.figma.com", //Added for Figma
 ].map((hostname) => ({
   hostname,
   protocol: "https",
diff --git a/utils/flags.ts b/utils/flags.ts
index af14b6ed..01806b2e 100644
--- a/utils/flags.ts
+++ b/utils/flags.ts
@@ -2,6 +2,7 @@ import { posthog } from "posthog-js";
 
 export const FEATURE_FLAGS = {
   FEATURE_FLAG_TEST: "feature-flag-test",
+  JOB_POST_CREATE: "job-post-create",
   // Add more feature flags as needed
 } as const;