Refactor Faq component: Update accordion item keys

Author: deepraj21

client/src/components/FAQ/Faq.tsx

@@ -5,7 +5,6 @@ import {
     AccordionTrigger,
 } from "@/components/ui/accordion"
 
-
 export function Faq() {
     const faqs = [
         {
@@ -28,9 +27,9 @@ export function Faq() {
     return (
         <div className="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-1  relative z-10 py-10 max-w-7xl mx-auto">
             <h1>FAQS</h1>
-            {faqs.map(data => (
-                <Accordion type="single" collapsible>
-                    <AccordionItem value="item-1">
+            {faqs.map((data, index) => (
+                <Accordion key={index} type="single" collapsible>
+                    <AccordionItem value={`item-${index}`}>
                         <AccordionTrigger>{data.question}</AccordionTrigger>
                         <AccordionContent>
                             {data.answer}
@@ -39,6 +38,5 @@ export function Faq() {
                 </Accordion>
             ))}
         </div>
-
     );
 }

client/src/main.tsx

@@ -1,12 +1,14 @@
-import './index.css'
-import ReactDOM from 'react-dom';
+import './index.css';
+import ReactDOM from 'react-dom/client';
 import App from './App';
 import { Provider } from 'react-redux';
-import store from './lib/store'; // Import the Redux store
+import store from './lib/store'; 
 
-ReactDOM.render(
-  <Provider store={store}> {/* Provide the store to your app */}
+const container = document.getElementById('root');
+const root = ReactDOM.createRoot(container!);
+
+root.render(
+  <Provider store={store}>
     <App />
-  </Provider>,
-  document.getElementById('root')
-);
+  </Provider>
+);

server/.dockerignore

@@ -0,0 +1,3 @@
+.env
+chat.db
+venv/

server/Dockerfile

@@ -10,4 +10,4 @@ COPY . .
 
 EXPOSE 5000
 
-CMD ["flask", "run"]
+CMD ["flask", "run", "--host=0.0.0.0"]