+ {reviews.length > 0 ? (
+ reviews.map((review, index) => (
+
- {reviews.length > 1 ? (
- reviews.map((review, index) => (
-
-
-
-
-
-
-
- {review.name}
-
-
- {review.position}
-
-
-
-
- {renderStars(review.rating)}
-
-
{review.text}
+
+
+
+
+
+
+ {review.name}
+
+
+ {review.position}
+
- ))
- ) : (
-
- No reviews yet. Be the first to add one!
- )}
+
+ {renderStars(review.rating)}
+
+
{review.text}
+
+ ))
+ ) : (
+
+ No reviews yet. Be the first to add one!
-
- );
+ )}
+
+
+ );
};
export default ReviewSection;
\ No newline at end of file
diff --git a/src/firebase.ts b/src/firebase.ts
new file mode 100644
index 0000000..0bdb870
--- /dev/null
+++ b/src/firebase.ts
@@ -0,0 +1,58 @@
+import { initializeApp, type FirebaseApp } from "firebase/app";
+import { getFirestore, type Firestore } from "firebase/firestore";
+
+const requiredEnvKeys = [
+ "VITE_FIREBASE_API_KEY",
+ "VITE_FIREBASE_AUTH_DOMAIN",
+ "VITE_FIREBASE_PROJECT_ID",
+ "VITE_FIREBASE_STORAGE_BUCKET",
+ "VITE_FIREBASE_MESSAGING_SENDER_ID",
+ "VITE_FIREBASE_APP_ID",
+] as const;
+
+type RequiredEnvKey = (typeof requiredEnvKeys)[number];
+
+type FirebaseConfig = {
+ apiKey: string;
+ authDomain: string;
+ projectId: string;
+ storageBucket: string;
+ messagingSenderId: string;
+ appId: string;
+ measurementId?: string;
+};
+
+function buildFirebaseConfig(): FirebaseConfig | null {
+ const missing = requiredEnvKeys.filter(
+ (key) => !import.meta.env[key as RequiredEnvKey]
+ );
+
+ if (missing.length > 0) {
+ console.error(
+ `[firebase] Missing Vite env vars: ${missing.join(
+ ", "
+ )}. Add them to .env (dev) or as build args (docker build).`
+ );
+ return null;
+ }
+
+ return {
+ apiKey: import.meta.env.VITE_FIREBASE_API_KEY!,
+ authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN!,
+ projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID!,
+ storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET!,
+ messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID!,
+ appId: import.meta.env.VITE_FIREBASE_APP_ID!,
+ measurementId: import.meta.env.VITE_FIREBASE_MEASUREMENT_ID,
+ };
+}
+
+const firebaseConfig = buildFirebaseConfig();
+
+export const isFirebaseConfigured = Boolean(firebaseConfig);
+
+export const app: FirebaseApp | null = firebaseConfig
+ ? initializeApp(firebaseConfig)
+ : null;
+
+export const db: Firestore | null = app ? getFirestore(app) : null;
diff --git a/src/reviewsApi.ts b/src/reviewsApi.ts
index 597b992..9d64604 100644
--- a/src/reviewsApi.ts
+++ b/src/reviewsApi.ts
@@ -1,4 +1,4 @@
-import { db } from '../firebase';
+import { db } from './firebase.ts';
import { collection, getDocs, addDoc } from 'firebase/firestore';
export type Review = {
@@ -8,13 +8,15 @@ export type Review = {
text: string;
};
-const reviewsCollection = collection(db, 'reviews');
+const reviewsCollection = db ? collection(db, 'reviews') : null;
export async function fetchReviews(): Promise
{
+ if (!reviewsCollection) return [];
const snapshot = await getDocs(reviewsCollection);
return snapshot.docs.map(doc => doc.data() as Review);
}
export async function addReview(review: Review): Promise {
+ if (!reviewsCollection) throw new Error('Firestore is not configured (missing Vite Firebase env vars).');
await addDoc(reviewsCollection, review);
}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 11f02fe..f088aa2 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1 +1,15 @@
///
+
+interface ImportMetaEnv {
+ readonly VITE_FIREBASE_API_KEY?: string;
+ readonly VITE_FIREBASE_AUTH_DOMAIN?: string;
+ readonly VITE_FIREBASE_PROJECT_ID?: string;
+ readonly VITE_FIREBASE_STORAGE_BUCKET?: string;
+ readonly VITE_FIREBASE_MESSAGING_SENDER_ID?: string;
+ readonly VITE_FIREBASE_APP_ID?: string;
+ readonly VITE_FIREBASE_MEASUREMENT_ID?: string;
+}
+
+interface ImportMeta {
+ readonly env: ImportMetaEnv;
+}