update images without transparent pixels

Author: benjaminaubin

web/profile-pictures/components/Galery.tsx

@@ -9,8 +9,11 @@ const Gallery: React.FC<GalleryProps> = ({
   choices,
   choiceSelection,
 }: GalleryProps): JSX.Element => {
-  const onClickHandler = (choice: string): void => {
+  const [selection, setSelection] = useState<string | undefined>(undefined);
+
+  const handleClick = (choice: string): void => {
     choiceSelection(choice);
+    setSelection(choice);
   };
 
   return (
@@ -21,8 +24,11 @@ const Gallery: React.FC<GalleryProps> = ({
             return (
               <p
                 key={index}
+                style={{
+                  backgroundColor: choice == selection ? '#0062cc' : 'white',
+                }}
                 onClick={(): void => {
-                  onClickHandler(choice);
+                  handleClick(choice);
                 }}
               >
                 <img

web/profile-pictures/public/thumbnails/template-1.png

@@ -85,10 +85,6 @@ button.active {
   border-bottom: 1px solid rgb(235, 235, 235);
   min-width: 140px;
 }
-.gallery > p:hover {
-  color: #fff;
-  background-color: #0062cc;
-}
 .gallery > p:last-child {
   border-bottom: 0 none;
 }