Untitled

import styles from "./App.css";
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
import MyForm from "./MyForm.js";
import store from "./store.js";
import {View} from 'react-native';
import { useFormStatus } from "react-dom";
import React, { useOptimistic, useState, useEffect, useRef, Component } from 'react';

import { useDispatch, Provider} from "react-redux";



function App(){
  return (
    <>
    <div className={styles.title_main_page}>
    <h1>Spin the Black Circle!</h1>
    <h2>Managing Your Vinyl Record Collection</h2>
    
    </div>
    <div className="container disable">
    
    <h2>Easy Image Editor</h2>
    <div className="wrapper">
      <Provider >
      <MyForm/>
      </Provider>
    </div>
    <LoadButtons/>
    </div>
    
    </>
  );
}

function LoadButtons(){
const inputFileRef = React.useRef();
const triggerInputFile = () => inputFileRef.current.click();


return(
<>

<div className="controls" >

<div style={{ display: "flex", flexDirection: "row" }}>
<button className="reset-filter">Reset Filters</button>
<View>

<button className="save-img">Save Image</button>
</View>


</div>
</div>
</>
)
}


export default App;