From 61f0bad3b5bebbed9657c19bd14d2d44cbf27349 Mon Sep 17 00:00:00 2001
From: kylebonnici <kylebonnici@hotmail.com>
Date: Wed, 6 Mar 2024 00:09:56 +0100
Subject: [PATCH] Feat: update shared

---
 src/SidePanel.tsx                                      | 10 +++++-----
 .../VoltageConfiguration/VoltageConfiguration.tsx      |  5 +++--
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/SidePanel.tsx b/src/SidePanel.tsx
index 8982590..345d311 100644
--- a/src/SidePanel.tsx
+++ b/src/SidePanel.tsx
@@ -8,7 +8,7 @@ import React, { useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import {
     Button,
-    CollapsibleGroup,
+    Group,
     logger,
     selectedDevice,
     SidePanel,
@@ -36,7 +36,7 @@ export default () => {
 
     return (
         <SidePanel className="side-panel">
-            <CollapsibleGroup defaultCollapsed={false} heading="Actions">
+            <Group defaultCollapsed={false} heading="Actions" collapsible>
                 <Button
                     disabled={!device || isWriting}
                     variant="primary"
@@ -83,10 +83,10 @@ export default () => {
                 >
                     Load default config
                 </Button>
-            </CollapsibleGroup>
-            <CollapsibleGroup defaultCollapsed heading="Configuration data">
+            </Group>
+            <Group heading="Configuration data" collapsible>
                 <ConfigDataPreview enabled />
-            </CollapsibleGroup>
+            </Group>
         </SidePanel>
     );
 };
diff --git a/src/features/VoltageConfiguration/VoltageConfiguration.tsx b/src/features/VoltageConfiguration/VoltageConfiguration.tsx
index e8d967e..e9198c7 100644
--- a/src/features/VoltageConfiguration/VoltageConfiguration.tsx
+++ b/src/features/VoltageConfiguration/VoltageConfiguration.tsx
@@ -9,7 +9,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import {
     Button,
     Card,
-    NumberInputSliderWithUnit,
+    NumberInput,
 } from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import {
@@ -101,7 +101,8 @@ const VoltageConfiguration = ({
                 </Button>
             </div>
             <div className="tw-flex tw-flex-col">
-                <NumberInputSliderWithUnit
+                <NumberInput
+                    showSlider
                     label="Voltage"
                     unit="mV"
                     range={{ min: voltageMin, max: voltageMax, step: 100 }}