Manish sharma mansha99

## page-reducer.tsx
export const fanSpeedInitial = {
    level: 0,
    status: 'OFF'
};
export const ROTATE_RIGHT_ACTION =
    { type: 'ROTATE_RIGHT' };
export const ROTATE_LEFT_ACTION =
    { type: 'ROTATE_LEFT' }
export function fanSpeedReducer(fanSpeed: any, action: any) {
    if (action.type == 'ROTATE_RIGHT') {

## page.tsx
"use client";
import { useReducer } from "react";
import { fanSpeedInitial, fanSpeedReducer } from "./page-reducer";

export default function Home() {
  const [fanSpeedCurrent, fanSpeedHandler] = useReducer(fanSpeedReducer, fanSpeedInitial);

  return (
    <main style={{ padding: 20 }}>
      <div>

## resources\views\livewire\calculator.blade.php
<div style="background: #aaffcc;padding:20;width:240px">
    <h5>Calculator Component</h5>
    <form wire:submit.prevent="multiply">
        First<br/>
        <input type="text" wire:model="n1" />
        <br/>
        @error('n1')
            {{ $message }}
        @enderror
        <br/>Second<br/>

## resources\views\livewire\receiver.blade.php
<div style="background: #ffaacc;padding:20;width:240px">
    <h5>Receiver</h5>
    {{$message}} &nbsp;&nbsp;{{$timeStamp}}
</div>

## App\Http\Livewire\Receiver.php
<?php

namespace App\Http\Livewire;

use Livewire\Component;

class Receiver extends Component
{
    public $message="Received no event so far";
    public $timeStamp='';

## resources\views\livewire\sender.blade.php
<div style="background: #aaccff;padding:20;width:240px">
    <h5>Sender</h5>
   <button wire:click="fireTimestampEvent()">Gnerate Event </button>
</div>

## App\Http\Livewire\Sender.php
<?php

namespace App\Http\Livewire;

use Livewire\Component;

class Sender extends Component
{
    public function fireTimestampEvent()
    {

## App\Http\Livewire\Calculator.php
<?php

namespace App\Http\Livewire;

use Livewire\Component;

class Calculator extends Component
{
    public $n1;
    public $n2;

## welcome.blade.php
<html>

<head>
    @livewireStyles
    @livewireScripts
</head>

<body>
    <livewire:inventors />
</body>

## inventors.blade.php
<div>
    <select wire:model="invention">
        @foreach ($list as $k => $v)
            <option value="{{ $k }}">{{ $k }}</option>
        @endforeach
    </select> invented by
    {{ $inventor }}
</div>
	export const fanSpeedInitial = {
	level: 0,
	status: 'OFF'
	};
	export const ROTATE_RIGHT_ACTION =
	{ type: 'ROTATE_RIGHT' };
	export const ROTATE_LEFT_ACTION =
	{ type: 'ROTATE_LEFT' }
	export function fanSpeedReducer(fanSpeed: any, action: any) {
	if (action.type == 'ROTATE_RIGHT') {
	"use client";
	import { useReducer } from "react";
	import { fanSpeedInitial, fanSpeedReducer } from "./page-reducer";

	export default function Home() {
	const [fanSpeedCurrent, fanSpeedHandler] = useReducer(fanSpeedReducer, fanSpeedInitial);

	return (
	<main style={{ padding: 20 }}>
	<div>
	<div style="background: #aaffcc;padding:20;width:240px">
	<h5>Calculator Component</h5>
	<form wire:submit.prevent="multiply">
	First<br/>
	<input type="text" wire:model="n1" />
	<br/>
	@error('n1')
	{{ $message }}
	@enderror
	<br/>Second<br/>
	<div style="background: #ffaacc;padding:20;width:240px">
	<h5>Receiver</h5>
	{{$message}}   {{$timeStamp}}
	</div>
	<?php

	namespace App\Http\Livewire;

	use Livewire\Component;

	class Receiver extends Component
	{
	public $message="Received no event so far";
	public $timeStamp='';
	<div style="background: #aaccff;padding:20;width:240px">
	<h5>Sender</h5>
	<button wire:click="fireTimestampEvent()">Gnerate Event </button>
	</div>
	<html>

	<head>
	@livewireStyles
	@livewireScripts
	</head>

	<body>
	<livewire:inventors />
	</body>
	<div>
	<select wire:model="invention">
	@foreach ($list as $k => $v)
	<option value="{{ $k }}">{{ $k }}</option>
	@endforeach
	</select> invented by
	{{ $inventor }}
	</div>