@fortawesome/free-solid-svg-icons#faPaperPlane JavaScript Examples

The following examples show how to use @fortawesome/free-solid-svg-icons#faPaperPlane. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: Buttons.jsx    From signdocs with MIT License 6 votes vote down vote up 
FinalizeButton = ({ status, onFinalize }) => {
  if (status === 'Complete')
    return (
      <button
        className="flat"
        type="button"
        title="Finalize document"
        onClick={onFinalize}
      >
        <FontAwesomeIcon icon={faPaperPlane} color="inherit" title="Finalize" />
        &nbsp;&nbsp;Finalize
      </button>
    );
  return (
    <DisabledInline tooltip="You can finalize the document after all signatories have signed.">
      <FontAwesomeIcon icon={faPaperPlane} color="inherit" title="Finalize" />
      &nbsp;&nbsp;Finalize
    </DisabledInline>
  );
}
Example #2
Source File: index.js    From gatsby-markdown-personal-website with MIT License 5 votes vote down vote up 
/* add any additional icon to the library */
library.add(fab, faLaptopCode, faDrawPolygon, faEdit, faEdit, faBullhorn, faMapMarkerAlt, faPhone, faPaperPlane);
Example #3
Source File: content.js    From map33.js with MIT License 5 votes vote down vote up 
render() {
    return (
      <div style={{ padding: "18px", maxWidth: "500px" }}>
        <h3 className="font-weight-bold">map33.js is a JavaScript library to build 3D maps</h3>
        <p className="my-4">
          Made by Openbloc with three.js
        </p>
        <p className="my-4">
          Subscribe to get the latest news!
        </p>
        <Form
          id="subscribe-form"
          className="mailing-list my-4"
          onSubmit={this.submitForm.bind(this)}
        >
          <InputGroup className="mb-3">
            <EmailInput
              type="email"
              name="email"
              required="required"
              placeholder="Email"
              value={this.state.email}
              onChange={this.emailChanged.bind(this)}
            />
            <InputGroup.Append>
              <SubmitButton id="subscribe-button" type="submit">
                <FontAwesomeIcon
                  icon={this.state.waiting ? faSpinner : faPaperPlane}
                  size="lg"
                  className="mr-2"
                  spin={this.state.waiting}
                />
              </SubmitButton>
            </InputGroup.Append>
          </InputGroup>
          <Alert
            id="subscribe-success"
            variant={"success"}
            className={this.state.result < 300 ? "" : "d-none"}
          >
            <strong>Great!</strong> Check your inbox and click the link to
            confirm your subscription.
          </Alert>
          <Alert
            id="subscribe-error"
            variant={"danger"}
            className={this.state.result >= 500 ? "" : "d-none"}
          >
            <strong>Oops...</strong> An error occurred.
          </Alert>
        </Form>
        <Row>
          <CenteredCol>
            <A href="https://www.openbloc.com" target="_blank">
              Homepage
            </A>
          </CenteredCol>
          <CenteredCol>
            <img src={OpenblocLogo} alt="Openbloc logo"></img>
          </CenteredCol>
          <CenteredCol>
            <A href="https://blog.openbloc.com" target="_blank">
              Blog
            </A>
          </CenteredCol>
        </Row>
      </div>
    )
  }
Example #4
Source File: ChatRoom.js    From ChatSociety with MIT License 5 votes vote down vote up 
function ChatRoom() {

    const auth = firebase.auth()
    const firestore = firebase.firestore();

    const dummy = useRef();
    const messagesRef = firestore.collection('messages');
    const query = messagesRef.orderBy('createdAt');
    const [messages] = useCollectionData(query, { idField: 'id' });
    const [formValue, setFormValue] = useState('');

    const scrollToBottom = () =>{
        dummy.current?.scrollIntoView({behavior: "smooth"})
    }

    useEffect(()=>{
        scrollToBottom();
    })

    const sendMessage = async (e) => {
        e.preventDefault();

        const { uid, photoURL } = auth.currentUser;

        await messagesRef.add({
            text: formValue,
            createdAt: firebase.firestore.FieldValue.serverTimestamp(),
            uid,
            photoURL
        })
        
        setFormValue('');
        scrollToBottom();
    }

    return (<>
        <main>

            {messages && messages.map((msg, index, pool) => {
              const prev = pool[index-1];
              const next = pool[index+1]
              return <ChatMessage key={msg.id} message={msg} neighbour={{prev, next}} />
            })}

            <span ref={dummy}></span>
        </main>

        <form onSubmit={sendMessage}>

            <input value={formValue} onChange={(e) => setFormValue(e.target.value)} placeholder="Type a message" />

            <button className="chat-message-button" type="submit" disabled={!formValue}>
                <FontAwesomeIcon icon={faPaperPlane} />
            </button>

        </form>
    </>)
}
Example #5
Source File: fontawesome.js    From xmrig-workers with GNU General Public License v3.0 5 votes vote down vote up 
export default function () {
  library.add(faGithub, faWindows, faLinux, faTwitter, faReddit, faTelegram, faCheckCircle, faMicrochip, faTrashAlt,
    faPaperPlane, faSpinner, faFlask, faInfoCircle, faPen, faTools, faCheck, faPlus, faCog, faExclamationTriangle,
    faQuestionCircle, faSyncAlt, faInfinity, faDownload, faCopy, faPlug, faTimesCircle);
}