AI Review Center

Commit Review Workspace ?

Select a commit on the left to inspect quality, security, business value, findings, and suggested code changes.
Showing AI reviews for avriti
Project AI Score ?
63%
Quality Avg ?
68%
Security Avg ?
45%
Reviews ?
56

Review Result ?

jattin01/avriti · 81b4ffee
This commit integrates shop and category data fetching with React hooks, displaying categories as checkboxes and products with dynamic images and prices. While the functional integration adds business value, there are security and quality concerns due to hardcoded localhost API endpoints with no error handling, no loading or empty states, and unchecked assumptions about API response structure. There is also possible UI inconsistency if no products or categories exist.
Quality ?
70%
Security ?
30%
Business Value ?
75%
Maintainability ?
65%
Issues & Suggested Fixes ?
1AI detects the issue
2Shows file, line, or evidence
3Suggests the fix to apply
Security Issue
Where app/shop/page.tsx:34
Issue / Evidence Security
Suggested Fix Replace hardcoded 'http://localhost:8000' URLs with environment variable configs for flexibility and security.
Quality
Where app/shop/page.tsx:35
Issue / Evidence Quality
Suggested Fix Add error handling for fetch calls to gracefully handle API failures.
Quality
Where app/shop/page.tsx:32/41
Issue / Evidence Quality
Suggested Fix Add loading and empty states for categories and products to improve user experience.
Bug Risk
Where app/shop/page.tsx:36/45
Issue / Evidence Bug Risk
Suggested Fix Validate API response format before accessing 'data.data' to prevent runtime errors.
Quality
Where app/shop/page.tsx:84-98
Issue / Evidence Quality
Suggested Fix Add unique keys in lists that are meaningful and ensure stable rendering.
Quality
Where app/shop/page.tsx:108-110
Issue / Evidence Quality
Suggested Fix Add fallback or placeholder images in case of missing or broken thumbnails.
Quality
Where app/shop/page.tsx:113-114
Issue / Evidence Quality
Suggested Fix Validate that product.attributes exist and contain expected sr_no entries before usage.
Quality
Where commit message
Issue / Evidence Quality
Suggested Fix Correct spelling mistakes (e.g. 'intrigrate' should be 'integrate') and provide more context for better traceability.
Code Change Preview · app/shop/page.tsx ?
Removed / Before Commit
- "use client";
- 
- import { useState } from "react";
- import Image from "next/image";
- import Link from "next/link";
- import { PdfBrowserFrame } from "@/components/pdf-browser-frame";
- 
- const categories = [
-   "Shop",
-   "Avriti All Products",
-   "AVRITI Vastu Salts",
-   "AVRITI Signature Charm",
-   "Crystalline by AVRITI",
-   "AVRITI Drishti",
-   "AVRITI Sacred Combos",
- ];
- 
- const shopProducts = [
Added / After Commit
+ "use client";
+ 
+ import { useState, useEffect } from "react";
+ import Image from "next/image";
+ import Link from "next/link";
+ import { PdfBrowserFrame } from "@/components/pdf-browser-frame";
+ 
+ interface Category {
+   id: number;
+   name: string;
+   slug: string;
+   description: string;
+ }
+ 
+ interface Product {
+   id: number;
+   title: string;
+   slug: string;
Removed / Before Commit
- import type { NextConfig } from "next";
- 
- const nextConfig: NextConfig = {
-   /* config options here */
- };
- 
- export default nextConfig;
- \ No newline at end of file
Added / After Commit
+ import type { NextConfig } from "next";
+ 
+ const nextConfig: NextConfig = {
+   images: {
+     remotePatterns: [
+       {
+         protocol: 'http',
+         hostname: 'localhost',
+         port: '8000',
+         pathname: '/**',
+       },
+     ],
+     unoptimized: true,  // ✅ yeh add karo
+   },
+ };
+ 
+ export default nextConfig;
+ \ No newline at end of file