How to Auto update using onclick in electronjs - electron

Question

I am developing small application in electronJS and implemented auto update function working fine with log file. but I need with custom window option see attached image could you please update my code and attached my code below. What I am missing refer more references but could not solve this issue.
enter image description here
main.js
`
main.js
// Modules to control application life and create native browser window
const {app, BrowserWindow,ipcMain, dialog } = require('electron')
const path = require('path')
const { autoUpdater }=require('electron-updater')
const log = require('electron-log');
log.transports.file.resolvePath = () => path.join('F:/electronjs/test/electron-quick-start', '/logs/m.log');
log.info("Application version" + app.getVersion())
log.info('Hello, log');
log.warn('loading');
function createWindow () {
// Create the browser window.
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
preload: path.join(__dirname, 'preload.js'),
nodeIntegration: true,
contextIsolation: false,
enableRemoteModule: true,
}
})
// and load the index.html of the app.
mainWindow.loadFile('index.html')
// Open the DevTools.
// mainWindow.webContents.openDevTools()
}
// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.whenReady().then(() => {
createWindow()
// updateInterval = setInterval(() => autoUpdater.checkForUpdates());
autoUpdater.checkForUpdatesAndNotify();
app.on('activate', function () {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (BrowserWindow.getAllWindows().length === 0) createWindow()
})
})
// Quit when all windows are closed, except on macOS. There, it's common
// for applications and their menu bar to stay active until the user quits
// explicitly with Cmd + Q.
app.on('window-all-closed', function () {
if (process.platform !== 'darwin') app.quit()
})
autoUpdater.on('update-available',() => {
log.info('update-available')
})
autoUpdater.on('checking-for-update',() => {
log.info('checking-for-update')
})
autoUpdater.on('download-progress',(progressTrack) => {
log.info('download-progress')
log.info(progressTrack)
})
autoUpdater.on('update-downloaded',() => {
log.info('update-downloaded')
})
Package.json
`
{
"name": "electron-quick-start",
"version": "8.0.9",
"description": "A minimal Electron application",
"main": "main.js",
"scripts": {
"start": "electron .",
"pack": "electron-builder",
"package": "electron-builder -p always"
},
"build": {
"publish": [
{
"provider": "github",
"owner": "vansiva",
"repo": "electron"
}
]
},
"keywords": [
"Electron",
"quick",
"start",
"tutorial",
"demo"
],
"author": "GitHub",
"license": "CC0-1.0",
"devDependencies": {
"electron": "^21.2.3",
"electron-builder": "^23.6.0"
},
"dependencies": {
"electron-log": "^4.4.8",
"electron-updater": "^5.3.0"
}
}`
I need auto update with custom popup box