temp comment out all sx

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

src/renderer/components/Sidebar.tsx

@@ -69,7 +69,7 @@ export const Sidebar: FC = () => {
     return getNotificationCount(notifications);
   }, [notifications]);
 
-  const sidebarButtonStyle = { color: 'white' };
+  // const sidebarButtonStyle = { color: 'white' };
 
   return (
     <Stack
@@ -102,7 +102,7 @@ export const Sidebar: FC = () => {
           icon={BellIcon}
           onClick={() => openGitHubNotifications(primaryAccountHostname)}
           size="small"
-          sx={sidebarButtonStyle}
+          // sx={sidebarButtonStyle}
           tooltipDirection="e"
           unsafeDisableTooltip={false}
           variant={notificationsCount > 0 ? 'primary' : 'invisible'}
@@ -116,7 +116,7 @@ export const Sidebar: FC = () => {
             icon={FilterIcon}
             onClick={() => toggleFilters()}
             size="small"
-            sx={sidebarButtonStyle}
+            // sx={sidebarButtonStyle}
             tooltipDirection="e"
             unsafeDisableTooltip={false}
             variant={hasActiveFilters(settings) ? 'primary' : 'invisible'}
@@ -129,7 +129,7 @@ export const Sidebar: FC = () => {
           icon={IssueOpenedIcon}
           onClick={() => openGitHubIssues(primaryAccountHostname)}
           size="small"
-          sx={sidebarButtonStyle}
+          // sx={sidebarButtonStyle}
           tooltipDirection="e"
           unsafeDisableTooltip={false}
           variant="invisible"
@@ -141,7 +141,7 @@ export const Sidebar: FC = () => {
           icon={GitPullRequestIcon}
           onClick={() => openGitHubPulls(primaryAccountHostname)}
           size="small"
-          sx={sidebarButtonStyle}
+          // sx={sidebarButtonStyle}
           tooltipDirection="e"
           unsafeDisableTooltip={false}
           variant="invisible"
@@ -165,7 +165,7 @@ export const Sidebar: FC = () => {
               loading={status === 'loading'}
               onClick={() => refreshNotifications()}
               size="small"
-              sx={sidebarButtonStyle}
+              // sx={sidebarButtonStyle}
               tooltipDirection="e"
               unsafeDisableTooltip={false}
               variant="invisible"
@@ -177,7 +177,7 @@ export const Sidebar: FC = () => {
               icon={GearIcon}
               onClick={() => toggleSettings()}
               size="small"
-              sx={sidebarButtonStyle}
+              // sx={sidebarButtonStyle}
               tooltipDirection="e"
               unsafeDisableTooltip={false}
               variant="invisible"
@@ -192,7 +192,7 @@ export const Sidebar: FC = () => {
             icon={XCircleIcon}
             onClick={() => quitApp()}
             size="small"
-            sx={sidebarButtonStyle}
+            // sx={sidebarButtonStyle}
             tooltipDirection="e"
             unsafeDisableTooltip={false}
             variant="invisible"

src/renderer/components/filters/SearchFilterSuggestions.tsx

@@ -37,7 +37,9 @@ export const SearchFilterSuggestions: FC<SearchFilterSuggestionsProps> = ({
 
   return (
     <Popover open>
-      <Popover.Content sx={{ p: 2, mt: 2, width: '100%' }}>
+      <Popover.Content
+      // sx={{ p: 2, mt: 2, width: '100%' }}
+      >
         <Stack direction="vertical" gap="condensed">
           {suggestions.length > 0 &&
             suggestions.map((q) => (

src/renderer/components/primitives/Title.tsx

@@ -25,7 +25,11 @@ export const Title: FC<ITitle> = ({ size = 2, ...props }) => {
           id={`title-${name}`}
         >
           <props.icon size="small" />
-          <Heading sx={{ fontSize: size }}>{props.children}</Heading>
+          <Heading
+          // sx={{ fontSize: size }}
+          >
+            {props.children}
+          </Heading>
           {props.tooltip && (
             <Tooltip
               name={`tooltip-${name}`}

src/renderer/components/settings/SettingsReset.tsx

@@ -32,7 +32,7 @@ export const SettingsReset: FC = () => {
       <Button
         data-testid="settings-reset"
         onClick={handleReset}
-        sx={{ width: '200px' }}
+        // sx={{ width: '200px' }}
         variant="danger"
       >
         Reset Settings

src/renderer/routes/Login.tsx

@@ -40,8 +40,16 @@ export const LoginRoute: FC = () => {
         <LogoIcon isDark size={Size.LARGE} />
 
         <Stack align="center" gap="none">
-          <Heading sx={{ fontSize: 4 }}>GitHub Notifications</Heading>
-          <Heading sx={{ fontSize: 3 }}>on your menu bar</Heading>
+          <Heading
+          // sx={{ fontSize: 4 }}
+          >
+            GitHub Notifications
+          </Heading>
+          <Heading
+          // sx={{ fontSize: 3 }}
+          >
+            on your menu bar
+          </Heading>
         </Stack>
 
         <Stack align="center" gap="condensed">

src/renderer/routes/LoginWithOAuthApp.tsx

@@ -172,11 +172,11 @@ export const LoginWithOAuthAppRoute: FC = () => {
               name="hostname"
               onChange={handleInputChange}
               placeholder="github.com"
-              sx={{
-                borderColor: errors.hostname
-                  ? 'danger.emphasis'
-                  : 'border.default',
-              }}
+              // sx={{
+              //   borderColor: errors.hostname
+              //     ? 'danger.emphasis'
+              //     : 'border.default',
+              // }}
               value={formData.hostname}
             />
           </FormControl>
@@ -205,11 +205,11 @@ export const LoginWithOAuthAppRoute: FC = () => {
               name="clientId"
               onChange={handleInputChange}
               placeholder="Your generated client id (20 characters)"
-              sx={{
-                borderColor: errors.clientId
-                  ? 'danger.emphasis'
-                  : 'border.default',
-              }}
+              // sx={{
+              //   borderColor: errors.clientId
+              //     ? 'danger.emphasis'
+              //     : 'border.default',
+              // }}
               value={formData.clientId}
             />
           </FormControl>
@@ -222,11 +222,11 @@ export const LoginWithOAuthAppRoute: FC = () => {
               name="clientSecret"
               onChange={handleInputChange}
               placeholder="Your generated client secret (40 characters)"
-              sx={{
-                borderColor: errors.clientSecret
-                  ? 'danger.emphasis'
-                  : 'border.default',
-              }}
+              // sx={{
+              //   borderColor: errors.clientSecret
+              //     ? 'danger.emphasis'
+              //     : 'border.default',
+              // }}
               trailingAction={
                 <TextInput.Action
                   aria-label={maskToken ? 'Show token' : 'Hide token'}

src/renderer/routes/LoginWithPersonalAccessToken.tsx

@@ -163,11 +163,11 @@ export const LoginWithPersonalAccessTokenRoute: FC = () => {
               name="hostname"
               onChange={handleInputChange}
               placeholder="github.com"
-              sx={{
-                borderColor: errors.hostname
-                  ? 'danger.emphasis'
-                  : 'border.default',
-              }}
+              // sx={{
+              //   borderColor: errors.hostname
+              //     ? 'danger.emphasis'
+              //     : 'border.default',
+              // }}
               value={formData.hostname}
             />
           </FormControl>
@@ -210,11 +210,11 @@ export const LoginWithPersonalAccessTokenRoute: FC = () => {
               name="token"
               onChange={handleInputChange}
               placeholder="Your generated token (40 characters)"
-              sx={{
-                borderColor: errors.token
-                  ? 'danger.emphasis'
-                  : 'border.default',
-              }}
+              // sx={{
+              //   borderColor: errors.token
+              //     ? 'danger.emphasis'
+              //     : 'border.default',
+              // }}
               trailingAction={
                 <TextInput.Action
                   aria-label={maskClientSecret ? 'Show token' : 'Hide token'}

src/renderer/utils/theme.ts

@@ -1,4 +1,4 @@
-import type { ColorModeWithAuto } from '@primer/react/lib/ThemeProvider';
+import type { ColorModeWithAuto } from '@primer/react/dist/ThemeProvider';
 
 import { Theme } from '../types';