diff --git a/package.json b/package.json index 742cd00e9..be9df09eb 100644 --- a/package.json +++ b/package.json @@ -3,8 +3,9 @@ "version": "0.0.3", "private": true, "dependencies": { - "@fortawesome/fontawesome-svg-core": "^6.4.0", - "@fortawesome/free-solid-svg-icons": "^6.4.0", + "@fortawesome/fontawesome-svg-core": "^6.4.2", + "@fortawesome/free-brands-svg-icons": "^6.4.2", + "@fortawesome/free-solid-svg-icons": "^6.4.2", "@fortawesome/react-fontawesome": "^0.2.0", "@headlessui/react": "^1.7.13", "@kittycad/lib": "^0.0.27", diff --git a/src/components/ActionIcon.tsx b/src/components/ActionIcon.tsx index c419d56dd..4078429f4 100644 --- a/src/components/ActionIcon.tsx +++ b/src/components/ActionIcon.tsx @@ -1,7 +1,8 @@ import { - IconDefinition, + IconDefinition as SolidIconDefinition, faCircleExclamation, } from '@fortawesome/free-solid-svg-icons' +import { IconDefinition as BrandIconDefinition } from '@fortawesome/free-brands-svg-icons' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' const iconSizes = { @@ -11,14 +12,14 @@ const iconSizes = { } export interface ActionIconProps extends React.PropsWithChildren { - icon?: IconDefinition + icon?: SolidIconDefinition | BrandIconDefinition bgClassName?: string iconClassName?: string size?: keyof typeof iconSizes } export const ActionIcon = ({ - icon, + icon = faCircleExclamation, bgClassName, iconClassName, size = 'md', @@ -34,7 +35,7 @@ export const ActionIcon = ({ > {children || ( { > Settings + + Request a feature + { diff --git a/src/routes/Settings.tsx b/src/routes/Settings.tsx index 516ba582c..8d187b3fa 100644 --- a/src/routes/Settings.tsx +++ b/src/routes/Settings.tsx @@ -80,6 +80,18 @@ export const Settings = () => {

User Settings

+

+ Don't see the feature you want? Check to see if it's on{' '} + + our roadmap + + , and start a discussion if you don't see it! Your feedback will help + us prioritize what to build next. +

{(window as any).__TAURI__ && (