web.lib.components.layout.quarkus-blurb.tsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of code-quarkus Show documentation

Customize a Web Interface to generate Quarkus starter projects.

There is a newer version: 37

import * as React from 'react';
import { useLocalStorage } from '@rehooks/local-storage';
import './quarkus-blurb.scss';
import { useAnalytics } from '../../core/analytics';
import { Alert, Button, Form, Modal } from 'react-bootstrap';

export function QuarkusBlurb() {
  const analytics = useAnalytics();
  const [ notAgain, setNotAgain ] = useLocalStorage('quarkus-blurb-visible-v1', false);
  const [ visible, setVisible ] = React.useState(true);
  const [ notAgainCheckboxValue, setNotAgainCheckboxValue ] = React.useState(false);
  const close = (notAgain?: boolean) => {
    analytics.event('Click', { label: 'Close', element: 'blurb'});
    setNotAgain(notAgain || false);
    setVisible(false);
  };
  const missingFeatureLinkClick = () => {
    analytics.event('Click', { label: 'Missing a feature?', element: 'blurb' });
  };
  const foundBugLinkClick = () => {
    analytics.event('Click', { label: 'Found a bug?', element: 'blurb' });
  };
  return (
    <>
      {visible && !notAgain && (
        
          This page will help you bootstrap your Quarkus application and discover its extension ecosystem.
          
            Think of Quarkus extensions as your project dependencies. Extensions configure, boot and integrate a framework or technology into your Quarkus application. They also do all of the heavy
              lifting of providing the right information to GraalVM for your application to compile natively.
            

            Explore the wide breadth of technologies Quarkus applications can be made with.
            
              On mobile devices, you can explore the list of Quarkus extensions.
              If you wish to generate code, try it with your desktop browser... 
            
            

            Generate your application!
            

            [Missing
              a feature? Found
              a bug? We are listening for feedback]
          
          
             setNotAgainCheckboxValue(!notAgainCheckboxValue)}
              id="blurb-not-again-checkbox"
            />
            
          
        
      )}
    
  );
}