Removing preferences.scss file

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+preferences/kubeconfig-syncs.tsx

@@ -143,9 +143,7 @@ export class KubeconfigSyncs extends React.Component {
 
     if (!entries) {
       return (
-        <div className="loading-spinner">
+        <Spinner center />
-          <Spinner />
-        </div>
       );
     }
 
@@ -202,7 +200,9 @@ export class KubeconfigSyncs extends React.Component {
       <>
         {this.renderSyncButtons()}
         <SubTitle title="Synced Items" className="pt-5"/>
-        {this.renderEntries()}
+        <div className="relative">
+          {this.renderEntries()}
+        </div>
       </>
     );
   }

src/renderer/components/+preferences/preferences.scss

@@ -1,26 +0,0 @@
-/**
- * Copyright (c) 2021 OpenLens Authors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of
- * this software and associated documentation files (the "Software"), to deal in
- * the Software without restriction, including without limitation the rights to
- * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
- * the Software, and to permit persons to whom the Software is furnished to do so,
- * subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
- * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
- * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
- * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
- * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-.Preferences {
-  .loading-spinner {
-    margin: auto;
-  }
-}

src/renderer/components/+preferences/preferences.tsx

@@ -18,7 +18,6 @@
  * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-import "./preferences.scss";
 
 import { IComputedValue, makeObservable, observable } from "mobx";
 import { observer } from "mobx-react";
@@ -55,6 +54,7 @@ import { withInjectables } from "@ogre-tools/injectable-react";
 import type { InstalledExtension } from "../../../extensions/extension-discovery";
 import userExtensionsInjectable from "../+extensions/user-extensions/user-extensions.injectable";
 import { ExtensionSettingsPage } from "./extension-settings-page";
+import { Icon } from "../icon";
 
 interface Dependencies {
   userExtensions: IComputedValue<InstalledExtension[]>;
@@ -96,13 +96,16 @@ class Preferences extends React.Component<Dependencies> {
         {extensions.length > 0 && (
           <div data-testid="custom-settings">
             <hr/>
-            {extensions.map(extension => (
+            <div className="header flex items-center"><Icon material="extension" smallest className="mr-3"/> Custom settings</div>
-              <Tab key={extension.id} value={extensionSettingsURL({
+            <div>
-                params: {
+              {extensions.map(extension => (
-                  extensionId: encodeURIComponent(extension.manifest.name),
+                <Tab key={extension.id} value={extensionSettingsURL({
-                },
+                  params: {
-              })} label={extension.manifest.name} active={currentLocation.includes(encodeURIComponent(extension.manifest.name))}/>
+                    extensionId: encodeURIComponent(extension.manifest.name),
-            ))}
+                  },
+                })} label={extension.manifest.name} active={currentLocation.includes(encodeURIComponent(extension.manifest.name))}/>
+              ))}
+            </div>
           </div>
         )}
       </Tabs>