Page MenuHomePhabricator
Differential D13796

[landing] Add Farcaster link to team profiles
ClosedPublic
Actions

Authored by ashoat on Oct 28 2024, 12:19 PM.
Tags
None
Referenced Files
Unknown Object (File)
Fri, Apr 4, 11:01 PM
Unknown Object (File)
Tue, Apr 1, 2:54 PM
Unknown Object (File)
Tue, Apr 1, 12:50 PM
Unknown Object (File)
Tue, Apr 1, 8:39 AM
Unknown Object (File)
Mon, Mar 31, 3:04 PM
Unknown Object (File)
Sat, Mar 29, 2:04 AM
Unknown Object (File)
Feb 28 2025, 3:45 AM
Unknown Object (File)
Feb 28 2025, 3:44 AM
View All 48 Files
Subscribers
tomek

Details

Reviewers
varun
will
Commits
rCOMM7096f8594f92: [landing] Add Farcaster link to team profiles
Summary

Given we have Twitter links, I figured it made sense to add Farcaster links.

Depends on D13795

Test Plan

Screenshot 2024-10-28 at 3.19.45 PM.png (1×1 px, 1 MB)

Also confirmed that color looks white on mouseover

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Revision Contents
Changeset List

PathSize
landing/
assets/
38 lines
6 lines
27 lines
3 lines

Diff 45408

View Options

landing/assets/farcaster-logo.react.js

// @flow // @flow
import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons'; import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
import { faDownload } from '@fortawesome/free-solid-svg-icons'; import { faDownload } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames'; import classNames from 'classnames';
import * as React from 'react'; import * as React from 'react';
import { NavLink } from 'react-router-dom'; import { NavLink } from 'react-router-dom';
import type { SetState } from 'lib/types/hook-types.js'; import type { SetState } from 'lib/types/hook-types.js';
import FarcasterLogo from './assets/farcaster-logo.react.js';
import css from './mobile-nav.css'; import css from './mobile-nav.css';
import typography from './typography.css'; import typography from './typography.css';
type Props = { type Props = {
+showMobileNav: boolean, +showMobileNav: boolean,
+setShowMobileNav: SetState<boolean>, +setShowMobileNav: SetState<boolean>,
}; };
▲ Show 20 Lines • Show All 54 Lines • ▼ Show 20 Lines <nav className={mobileNavClassName}>
<FontAwesomeIcon <FontAwesomeIcon
onClick={dismissMobileNav} onClick={dismissMobileNav}
icon={faDownload} icon={faDownload}
className={css.icon} className={css.icon}
size="1x" size="1x"
/> />
</NavLink> </NavLink>
<a <a
href="https://warpcast.com/comm.eth"
target="_blank"
rel="noreferrer"
>
<FarcasterLogo size={20} className={css.icon} />
</a>
<a
href="https://twitter.com/commdotapp" href="https://twitter.com/commdotapp"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
<FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" /> <FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" />
</a> </a>
<a <a
href="https://github.com/CommE2E/comm" href="https://github.com/CommE2E/comm"
Show All 11 Lines
View Options

landing/team-profile.css

// @flow // @flow
import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons'; import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
import { faDownload } from '@fortawesome/free-solid-svg-icons'; import { faDownload } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames'; import classNames from 'classnames';
import * as React from 'react'; import * as React from 'react';
import { NavLink } from 'react-router-dom'; import { NavLink } from 'react-router-dom';
import type { SetState } from 'lib/types/hook-types.js'; import type { SetState } from 'lib/types/hook-types.js';
import FarcasterLogo from './assets/farcaster-logo.react.js';
import css from './mobile-nav.css'; import css from './mobile-nav.css';
import typography from './typography.css'; import typography from './typography.css';
type Props = { type Props = {
+showMobileNav: boolean, +showMobileNav: boolean,
+setShowMobileNav: SetState<boolean>, +setShowMobileNav: SetState<boolean>,
}; };
▲ Show 20 Lines • Show All 54 Lines • ▼ Show 20 Lines <nav className={mobileNavClassName}>
<FontAwesomeIcon <FontAwesomeIcon
onClick={dismissMobileNav} onClick={dismissMobileNav}
icon={faDownload} icon={faDownload}
className={css.icon} className={css.icon}
size="1x" size="1x"
/> />
</NavLink> </NavLink>
<a <a
href="https://warpcast.com/comm.eth"
target="_blank"
rel="noreferrer"
>
<FarcasterLogo size={20} className={css.icon} />
</a>
<a
href="https://twitter.com/commdotapp" href="https://twitter.com/commdotapp"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
<FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" /> <FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" />
</a> </a>
<a <a
href="https://github.com/CommE2E/comm" href="https://github.com/CommE2E/comm"
Show All 11 Lines
View Options

landing/team-profile.react.js

// @flow // @flow
import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons'; import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
import { faDownload } from '@fortawesome/free-solid-svg-icons'; import { faDownload } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames'; import classNames from 'classnames';
import * as React from 'react'; import * as React from 'react';
import { NavLink } from 'react-router-dom'; import { NavLink } from 'react-router-dom';
import type { SetState } from 'lib/types/hook-types.js'; import type { SetState } from 'lib/types/hook-types.js';
import FarcasterLogo from './assets/farcaster-logo.react.js';
import css from './mobile-nav.css'; import css from './mobile-nav.css';
import typography from './typography.css'; import typography from './typography.css';
type Props = { type Props = {
+showMobileNav: boolean, +showMobileNav: boolean,
+setShowMobileNav: SetState<boolean>, +setShowMobileNav: SetState<boolean>,
}; };
▲ Show 20 Lines • Show All 54 Lines • ▼ Show 20 Lines <nav className={mobileNavClassName}>
<FontAwesomeIcon <FontAwesomeIcon
onClick={dismissMobileNav} onClick={dismissMobileNav}
icon={faDownload} icon={faDownload}
className={css.icon} className={css.icon}
size="1x" size="1x"
/> />
</NavLink> </NavLink>
<a <a
href="https://warpcast.com/comm.eth"
target="_blank"
rel="noreferrer"
>
<FarcasterLogo size={20} className={css.icon} />
</a>
<a
href="https://twitter.com/commdotapp" href="https://twitter.com/commdotapp"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
<FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" /> <FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" />
</a> </a>
<a <a
href="https://github.com/CommE2E/comm" href="https://github.com/CommE2E/comm"
Show All 11 Lines
View Options

landing/team.react.js

// @flow // @flow
import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons'; import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
import { faDownload } from '@fortawesome/free-solid-svg-icons'; import { faDownload } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames'; import classNames from 'classnames';
import * as React from 'react'; import * as React from 'react';
import { NavLink } from 'react-router-dom'; import { NavLink } from 'react-router-dom';
import type { SetState } from 'lib/types/hook-types.js'; import type { SetState } from 'lib/types/hook-types.js';
import FarcasterLogo from './assets/farcaster-logo.react.js';
import css from './mobile-nav.css'; import css from './mobile-nav.css';
import typography from './typography.css'; import typography from './typography.css';
type Props = { type Props = {
+showMobileNav: boolean, +showMobileNav: boolean,
+setShowMobileNav: SetState<boolean>, +setShowMobileNav: SetState<boolean>,
}; };
▲ Show 20 Lines • Show All 54 Lines • ▼ Show 20 Lines <nav className={mobileNavClassName}>
<FontAwesomeIcon <FontAwesomeIcon
onClick={dismissMobileNav} onClick={dismissMobileNav}
icon={faDownload} icon={faDownload}
className={css.icon} className={css.icon}
size="1x" size="1x"
/> />
</NavLink> </NavLink>
<a <a
href="https://warpcast.com/comm.eth"
target="_blank"
rel="noreferrer"
>
<FarcasterLogo size={20} className={css.icon} />
</a>
<a
href="https://twitter.com/commdotapp" href="https://twitter.com/commdotapp"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
<FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" /> <FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" />
</a> </a>
<a <a
href="https://github.com/CommE2E/comm" href="https://github.com/CommE2E/comm"
Show All 11 Lines