const fs = require('fs');
const path = require('path');
const dir = './src/pages';
const files = fs.readdirSync(dir).filter(f => f.endsWith('.tsx'));

for (const file of files) {
  const filePath = path.join(dir, file);
  let content = fs.readFileSync(filePath, 'utf8');
  
  // Reduce height from 64px to 54px, and adjust font size back to 16px
  content = content.replace(/style=\{\{ height: '64px', paddingLeft: '60px', paddingRight: '16px', fontSize: '18px' \}\}/g, "style={{ height: '54px', paddingLeft: '56px', paddingRight: '16px', fontSize: '16px' }}");
  
  // Also reduce the Search icon size from 28 to 24
  content = content.replace(/<Search size=\{28\}/g, '<Search size={24}');
  
  // Adjust icon padding so it's centered perfectly
  content = content.replace(/style=\{\{ paddingLeft: '24px' \}\}/g, "style={{ paddingLeft: '20px' }}");
  
  fs.writeFileSync(filePath, content, 'utf8');
}
console.log('Reduced search bar height to 54px.');