grommet/grommet

Function SpaceX has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const SpaceX = () => {
  const [total, setTotal] = useState(0);
  const [result, setResult] = useState({ data: [] });
  const [rockets, setRockets] = useState([]);
  const [view, setView] = useState(defaultView);

Function fetchLaunches has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const fetchLaunches = async (view) => {
  const query = buildQuery(view);
  const sort = {
    [view?.sort?.property || 'name']: view?.sort?.direction || 'asc',
  };

Identical blocks of code found in 2 locations. Consider refactoring.

Open

const fetchLaunches = async (view) => {
  const query = buildQuery(view);
  const sort = {
    [view?.sort?.property || 'name']: view?.sort?.direction || 'asc',
  };

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

const buildQuery = (view) => {
  const query = {};
  const properties = view?.properties || [];
  Object.keys(properties).forEach((property) => {
    switch (property) {

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  useEffect(() => {
    fetchLaunches(view).then((response) => {
      setResult({
        data: response.docs,
        filteredTotal: response.totalDocs,

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

const fetchRockets = async () => {
  const body = {
    options: {
      sort: { name: 'asc' },
      select: ['name', 'id'],

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      <Data
        properties={{
          rocket: { label: 'Rocket', options: rockets },
          success: { label: 'Success', options: ['Successful', 'Failed'] },
        }}

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  useEffect(() => {
    fetchRockets().then((response) =>
      setRockets(
        response.docs.map(({ name, id }) => ({ value: id, label: name })),
      ),

• Read up
  Read up