melcor76

@Directive({ selector: '[hasRole]' })
export class HasRoleDirective {
  constructor(
    private templateRef: TemplateRef<any>
    private viewContainer: ViewContainerRef) {}
  
  @Input('hasRole')
  roles: string[];

  @Input('hasRoleElse')

melcor76

// Check if ball is inside from left side
ball.x + 2 * ball.radius            > brick x
// Decrease by dx and check if position was on left side of brick x
ball.x + 2 * ball.radius - ball.dx <= brick.x;

// Similarly for right side
ball.x            < brick.x + brick.width
ball.x - ball.dx >= brick.x + brick.width

melcor76

import React, { useState, useRef, useEffect } from 'react';
import '@reactangular/elements';

const App = () => {
  const [counter, setCounter] = useState(0);
  const buttonRef = useRef(null);

  useEffect(() => {    
    const handleEvent = () => setCounter(counter + 1);
    const btnAddToCart = buttonRef.current;