Syafrizal_Wd_Mahendra
/
TIFNGK_E41222719
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: relayouting result section to responsive approach

This commit is contained in:
Mahen 2026-04-05 16:19:29 +07:00
parent e30e126e0d
commit 7a2f2be054
4 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/dashboards/RadarComparisonChart.tsx
View File

@ -15,7 +15,7 @@ const RadarComparisonChart = ({ data }: RadarProps) => {
const { chartData, colors } = radarFormat({ data }); const { chartData, colors } = radarFormat({ data });
return ( return (
<div className="w-1/2 h-100 bg-card p-5 rounded-xl border items-center flex flex-col"> <div className="h-100 bg-card p-5 rounded-xl border items-center flex flex-col">
<h3 className="text-lg font-semibold text-center"> <h3 className="text-lg font-semibold text-center">
Perbandingan Aspek Produk Perbandingan Aspek Produk
</h3> </h3>

2
src/components/dashboards/ResultDetails.tsx
View File

@ -20,7 +20,7 @@ export default function ResultDetails({ result }: ResultProps) {
if (!result || !result.details || result.details.length === 0) return null; if (!result || !result.details || result.details.length === 0) return null;
return ( return (
<div className="space-y-6 w-1/2"> <div className="space-y-6">
<div className="relative group border p-8 rounded-xl bg-card h-100 overflow-hidden"> <div className="relative group border p-8 rounded-xl bg-card h-100 overflow-hidden">
{activeProductIndex > 0 && ( {activeProductIndex > 0 && (
<button <button

2
src/components/dashboards/ResultSection.tsx
View File

@ -35,7 +35,7 @@ export default function Resultection({ result }: ResultProps) {
</div> </div>
</div> </div>
<div className="flex gap-4"> <div className="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 gap-4">
<RadarComparisonChart data={result.details} /> <RadarComparisonChart data={result.details} />
<ResultDetails result={result} /> <ResultDetails result={result} />
</div> </div>

5
src/services/scrape.service.ts
View File

@ -31,6 +31,7 @@ export async function scrapeTokopediaProduct(
let browser; let browser;
try { try {
const isLocal = process.env.NODE_ENV === "development";
browser = await puppeteer.launch({ browser = await puppeteer.launch({
args: [ args: [
...chromium.args, ...chromium.args,
@ -38,7 +39,9 @@ export async function scrapeTokopediaProduct(
"--disable-setuid-sandbox", "--disable-setuid-sandbox",
"--disable-blink-features=AutomationControlled", "--disable-blink-features=AutomationControlled",
], ],
executablePath: await chromium.executablePath(chromiumUrl), executablePath: isLocal
? "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe"
: await chromium.executablePath(chromiumUrl),
headless: true, headless: true,
defaultViewport: { width: 1280, height: 800 }, defaultViewport: { width: 1280, height: 800 },
}); });