wicked raven
Ghosting in the scrollbox and for the whole app sometimes if not focusing the app any fixes?
App.jsx
function App() {
return (
<div className="w-[500px] h-auto mx-auto p-4 bg-hide-bg-900 bg-opacity-50 grid grid-cols-6 content-start">
...
GetWeather.jsx
...
{ description.length > 87 ? (
<div className="col-span-4 h-24 overflow-y-auto border-neutral-800 border-2 p-2">
<span>{ description }</span>
</div>
) : (
<div className="col-span-4 mt-2">
<span>{ description }</span>
</div>
) }
...
main.js
import { app, BrowserWindow, ipcMain } from 'electron';
import path from 'path';
import fs from 'fs';
import { fileURLToPath } from 'url';
import { dirname } from 'path';
// Get the __filename and __dirname in ES modules
const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const saveDataToFile = ( data, fileName ) => {
const filePath = path.join(app.getPath('userData'), fileName);
fs.writeFileSync(filePath, JSON.stringify(data), 'utf8');
};
const loadDataFromFile = ( fileName ) => {
try {
const filePath = path.join(app.getPath('userData'), fileName);
if ( fs.existsSync(filePath) ) {
const data = fs.readFileSync(filePath, 'utf8');
return JSON.parse(data);
}
return null;
} catch ( error ) {
console.error('Error loading data from file:', error);
return null;
}
};
ipcMain.handle('save-pressure-data', ( event, data ) => {
saveDataToFile(data, 'pressureData.json');
});
ipcMain.handle('load-pressure-data', () => {
return loadDataFromFile('pressureData.json');
});
function createWindow() {
const win = new BrowserWindow({
width: 500,
height: 800,
frame: false,
transparent: true,
alwaysOnTop: false,
resizable: false,
fullscreenable: false,
skipTaskbar: true,
webPreferences: {
preload: path.join(__dirname, 'preload.js'),
nodeIntegration: false,
contextIsolation: true
}
});
win.setPosition(100, 100);
win.loadURL('http://localhost:5173');
win.webContents.on('did-finish-load', () => {
win.webContents.insertCSS('body { overflow-x: hidden; }');
});
win.on('close', () => {
});
}
app.whenReady().then(createWindow);
app.on('window-all-closed', () => {
if ( process.platform !== 'darwin' ) {
app.quit();
}
});
app.on('activate', () => {
if ( BrowserWindow.getAllWindows().length === 0 ) {
createWindow();
}
});
