Feature/add rich text editor

README.md

@@ -69,6 +69,7 @@ Name: job-bank
 - next: React framework for building server-rendered applications.
 - react: JavaScript library for building user interfaces.
 - react-dom: React library for DOM rendering.
+- react-quill: rich text editor component for React
 - stripe: Stripe library for server-side integration.
 - tailwind-merge: Utility library for merging Tailwind CSS classes.
 - tailwindcss-animate: Tailwind CSS plugin for animations.

package.json

@@ -18,20 +18,17 @@
   },
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@stripe/stripe-js": "^3.4.0",
     "@heroicons/react": "^2.1.3",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
-    "axios": "^1.6.8",
-    "babel": "^6.23.0",
+    "@stripe/stripe-js": "^3.4.0",
     "@tailwindcss/forms": "^0.5.7",
     "auth0": "^4.4.0",
+    "axios": "^1.6.8",
+    "babel": "^6.23.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "dotenv": "^16.4.5",
@@ -40,8 +37,8 @@
     "next": "14.2.3",
     "react": "^18",
     "react-dom": "^18",
+    "react-quill": "^2.0.0",
     "stripe": "^15.6.0",
-    "react-dom": "^18",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7"
   },

src/app/admin-panel/postingDetails/page.js

@@ -260,9 +260,7 @@ export default function DetailsPage() {
                 name="benefits"
                 value={jobPosting.benefits || ''}
                 onChange={handleChange}
-                placeholder="Benefits"
                 required
-                className="block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
               />
             </div>
           </div>
@@ -302,14 +300,13 @@ export default function DetailsPage() {
             <label className="block text-sm font-semibold leading-6 text-gray-900">
               Description*
             </label>
-            <div className="mt-2.5">
+            <div>
               <DynamicTextarea
                 name="description"
                 value={jobPosting.description || ''}
                 onChange={handleChange}
                 placeholder="Description"
                 required
-                className="block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
               />
             </div>
           </div>

src/components/ui/addJobPostingForm.jsx

@@ -230,9 +230,7 @@ const AddJobPostingForm = ({ onSubmit, email }) => {
                 name="benefits"
                 value={formData.benefits}
                 onChange={handleChange}
-                placeholder="Benefits"
                 required
-                className="block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
               />
             </div>
           </div>
@@ -277,9 +275,7 @@ const AddJobPostingForm = ({ onSubmit, email }) => {
                 name="description"
                 value={formData.description}
                 onChange={handleChange}
-                placeholder="Description"
                 required
-                className="block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6 textarea-auto "
               />
             </div>
           </div>