fix dcl canny link

Author: nicoecheza

packages/preload/src/index.ts

@@ -1,2 +1,3 @@
-export * as workspace from './modules/workspace';
 export * as editor from './modules/editor';
+export * as misc from './modules/misc';
+export * as workspace from './modules/workspace';

packages/preload/src/modules/misc.ts

@@ -0,0 +1,8 @@
+import { isUrl } from '/shared/types/utils';
+
+import { invoke } from './invoke';
+
+export async function openExternal(url: string) {
+  if (!isUrl(url)) throw new Error('Invalid URL provided');
+  await invoke('electron.openExternal', url);
+}

packages/renderer/src/components/Home/component.tsx

@@ -1,7 +1,10 @@
 import { useCallback } from 'react';
-import SettingsIcon from '@mui/icons-material/Settings';
+// import SettingsIcon from '@mui/icons-material/Settings';
 import { Container } from 'decentraland-ui2';
+
 import logo from '/assets/images/logo-editor.png';
+
+import { misc } from '#preload';
 import { t } from '/@/modules/store/translation/utils';
 
 import { Header } from '../Header';
@@ -16,22 +19,23 @@ import './styles.css';
 export function Home() {
   const { projects, sortBy, setSortBy } = useWorkspace();
 
-  const handleClickFeedback = useCallback(() => undefined, []);
+  const handleClickFeedback = useCallback(
+    () => misc.openExternal('https://decentraland.canny.io'),
+    [],
+  );
   const handleClickOptions = useCallback(() => undefined, []);
 
   return (
     <main className="Home">
       <Header>
         <>
-          {/* TODO: Get SVG for this logo 👇 and transform it into an Icon component */}
           <img
             src={logo}
             alt={t('home.header.title')}
           />
           <h4>{t('home.header.title')}</h4>
           <Button
             color="info"
-            href="https://decentraland.canny.io"
             onClick={handleClickFeedback}
           >
             {t('home.header.feedback')}
@@ -41,7 +45,7 @@ export function Home() {
           color="info"
           onClick={handleClickOptions}
         >
-          <SettingsIcon />
+          {/* <SettingsIcon /> */}
         </Button>
       </Header>
       <Container>