From ded026e9bd06e489929694bc6b57269a455d6a79 Mon Sep 17 00:00:00 2001
From: MathieuG-P <mathieu.gries-peroz@cirkwi.com>
Date: Wed, 13 Jul 2022 20:19:04 +0200
Subject: [PATCH] memoization

---
 .../available-versions/available-version-item.component.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/available-versions/available-version-item.component.tsx b/src/renderer/components/available-versions/available-version-item.component.tsx
index 46d42fcb..cb8ecf95 100644
--- a/src/renderer/components/available-versions/available-version-item.component.tsx
+++ b/src/renderer/components/available-versions/available-version-item.component.tsx
@@ -1,7 +1,7 @@
 import { BSVersion } from "main/services/bs-version-manager.service";
 import './available-version-item.component.css';
 import { SteamIcon } from "../svgs/steam-icon.component";
-import { useEffect, useState } from "react";
+import { useEffect, useState, memo } from "react";
 import { BsDownloaderService } from "renderer/services/bs-downloader.service";
 import { distinctUntilChanged } from "rxjs";
 import defaultImage from '../../../../assets/images/default-version-img.jpg'
@@ -9,7 +9,7 @@ import dateFormat from "dateformat";
 import { BsmImage } from "../shared/bsm-image.component";
 import { IpcService } from "renderer/services/ipc.service";
 
-export function AvailableVersionItem(props: {version: BSVersion}) {
+export const AvailableVersionItem = memo(function AvailableVersionItem(props: {version: BSVersion}) {
 
   const bsDownloaderService = BsDownloaderService.getInstance();
   const ipcService = IpcService.getInstance();
@@ -57,4 +57,4 @@ export function AvailableVersionItem(props: {version: BSVersion}) {
       </div>
     </div>
   )
-}
+})