Added a switch to turn it off and removed hardcoded "VPN" string

assets/translations/en.json

@@ -237,7 +237,9 @@
       "wifi": "Wi-Fi",
       "password-prompt": "Enter password",
       "password-prompt-for": "Enter password for {ssid}",
+      "vpn": "VPN",
       "vpns": "VPNs",
+      "wireless": "Wireless",
       "unavailable-title": "NetworkManager unavailable",
       "unavailable-detail": "Install and enable NetworkManager to manage networks from here.",
       "no-networks": "No networks in range"

src/shell/control_center/network_tab.cpp

@@ -202,7 +202,7 @@ namespace {
       clearBorder();
 
       auto kind = std::make_unique<Label>();
-      kind->setText("VPN");
+      kind->setText(i18n::tr("control-center.network.vpn"));
       kind->setCaptionStyle();
       kind->setFontSize(Style::fontSizeCaption * scale);
       kind->setColor(colorSpecFromRole(ColorRole::OnSurfaceVariant));
@@ -517,6 +517,20 @@ std::unique_ptr<Flex> NetworkTab::createHeaderActions() {
   });
   m_rescanButton = rescan.get();
   row->addChild(std::move(rescan));
+
+  auto vpnLabel = std::make_unique<Label>();
+  vpnLabel->setText(i18n::tr("control-center.network.vpns"));
+  vpnLabel->setFontSize(Style::fontSizeCaption * scale);
+  vpnLabel->setColor(colorSpecFromRole(ColorRole::OnSurfaceVariant));
+  row->addChild(std::move(vpnLabel));
+
+  auto vpnToggle = std::make_unique<Toggle>();
+  vpnToggle->setToggleSize(ToggleSize::Small);
+  vpnToggle->setScale(scale);
+  vpnToggle->setChecked(m_vpnVisible);
+  vpnToggle->setOnChange([this](bool checked) { m_vpnVisible = checked; });
+  m_vpnToggle = vpnToggle.get();
+  row->addChild(std::move(vpnToggle));
   return row;
 }
 
@@ -553,6 +567,7 @@ void NetworkTab::onClose() {
   m_list = nullptr;
   m_rescanButton = nullptr;
   m_wifiToggle = nullptr;
+  m_vpnToggle = nullptr;
   m_disconnectRow = nullptr;
   m_disconnectButton = nullptr;
   m_scanSpinner = nullptr;
@@ -692,7 +707,7 @@ void NetworkTab::rebuildApList(Renderer& renderer) {
     empty->setColor(colorSpecFromRole(ColorRole::OnSurfaceVariant));
     m_list->addChild(std::move(empty));
   } else {
-    if (!vpns.empty()) {
+    if (m_vpnVisible && !vpns.empty()) {
       auto section = std::make_unique<Label>();
       section->setText(i18n::tr("control-center.network.vpns"));
       section->setCaptionStyle();
@@ -719,6 +734,15 @@ void NetworkTab::rebuildApList(Renderer& renderer) {
       }
     }
 
+    if (!aps.empty()) {
+      auto section = std::make_unique<Label>();
+      section->setText(i18n::tr("control-center.network.wireless"));
+      section->setCaptionStyle();
+      section->setFontSize(Style::fontSizeCaption * contentScale());
+      section->setColor(colorSpecFromRole(ColorRole::OnSurfaceVariant));
+      m_list->addChild(std::move(section));
+    }
+
     for (const auto& ap : aps) {
       const bool saved = m_network != nullptr && m_network->hasSavedConnection(ap.ssid);
       auto row = std::make_unique<AccessPointRow>(

src/shell/control_center/network_tab.h

@@ -54,9 +54,11 @@ private:
 
   Button* m_rescanButton = nullptr;
   Toggle* m_wifiToggle = nullptr;
+  Toggle* m_vpnToggle = nullptr;
   Flex* m_disconnectRow = nullptr;
   Button* m_disconnectButton = nullptr;
   Spinner* m_scanSpinner = nullptr;
+  bool m_vpnVisible = true;
 
   std::string m_lastListKey;
   float m_lastListWidth = -1.0f;