fix hide and show components of ui

frontend/app.py

@@ -55,31 +55,48 @@ class WeightApp(tk.Tk):
         self.view_type_select.set(DISPLAY_TYPES.NUMBER.value)
         self.view_type_select.pack(side=tk.LEFT)
 
-
         #### Display ####
         self.update_view()
 
         self.update_weight_display()
 
+        self.hide_device_components()
+        
         self.focus_force()
 
     
+    def show_device_components(self):
+        self.connect_button.pack_forget()
+        self.connection_settings.pack_forget()
+        self.reader_settings.pack_forget()
+        self.view_type.pack_forget()
+        self.view.pack_forget()
+
+        self.connect_button.pack()
+        self.reader_settings.pack()
+        self.view_type.pack()
+        self.view.pack()
+    
+    def hide_device_components(self):
+        self.connect_button.pack_forget()
+        self.connection_settings.pack_forget()
+        self.reader_settings.pack_forget()
+        self.view_type.pack_forget()
+        self.view.pack_forget()
+        self.connection_settings.pack()
+        self.connect_button.pack()
+        
+    
     def connect(self):
         if self.weight_reader.serial is None:
             port = self.port.get()
             self.weight_reader.connect(port)
             self.connect_button.config(text="Disconnect")
-            self.connection_settings.pack_forget()
+            self.show_device_components()
         else:
             self.weight_reader.disconnect()
             self.connect_button.config(text="Connect")
-            self.connect_button.pack_forget()
+            self.hide_device_components()
-            self.reader_settings.pack_forget()
-            self.view.actions.pack_forget()
-            self.connection_settings.pack()
-            self.connect_button.pack()
-            self.reader_settings.pack()
-            self.view.pack()
     
     def update_devices(self):
         self.weight_reader.scan_devices()