React-fontawesome: typescript icon names missing?

[sheam]

I am using @fortawesome/react-fontawesome": "0.1.0-3", the IconName type seems to be missing a few like repeat, rectangle-portrait, for example are both missing.

Are there plans to add all the icons? Or is a PR needed?

~S

[robmadole]

Sure enough @sheam. We'll take a look.

[sheam]

FYI: fal, sign-in missing too.

Note for others who find this, the workaround is to cast to _any_: <FontAwesomeIcon icon={['fal', 'sign-in' as any]} />

[robmadole]

This should be all fixed up in @fortawesome/[email protected] and @fortawesome/[email protected]

[sheam]

My package.json currently has these lines:

    "@fortawesome/fontawesome": "^1.2.0-2",
    "@fortawesome/react-fontawesome": "0.1.0-3",

which already seems to be ahead of what you are proposing.... I do not have fontawesome-common-types0.1.3, maybe that is my problem?

If I change my package.json and remove the lines I have with outs, the FontAwesomeIcon component no longer exists.

[robmadole]

It's gonna be in the fontawesome-common-types package. Can you try that?

[sheam]

the following seems to work:

[SomethingSexy]

Did you have this issue with brand icons? I am using your same setup with TypeScript and it cannot find "fort-awesome" as an icon.

Could not find icon {prefix: "fas", iconName: "fort-awesome"}

[robmadole]

The prefix will be fab for the Brands style @SomethingSexy

[SomethingSexy]

Hmm, so this is what I am doing:

import '@fortawesome/fontawesome-free-brands';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

<FontAwesomeIcon icon="fort-awesome" />

Bundling via webpack. It seems to be working for free solid icons.

[robmadole]

<FontAwesomeIcon icon={["fab", "fort-awesome"]}/>

[SomethingSexy]

Damn, I totally missed that. Thanks!

[kirkbross]

color?: string; is missing from index.d.ts in the dev branch. I forked and added it:

https://github.com/kirkbross/react-fontawesome/blob/f-kirkbross-color-prop/index.d.ts