SahanAmarsha

import { DataStore } from "@aws-amplify/datastore";
import { Car } from "./models";

...

const saveCar = async () => {
  try {
    await DataStore.save(
        new Car({
          name: name,

SahanAmarsha

import { AddCar, NavBar, NewCars } from "./ui-components";
import { Divider, withAuthenticator } from "@aws-amplify/ui-react";
import { DataStore } from "@aws-amplify/datastore";
import { Car } from "./models";
import { useState } from "react";
import "./App.css";

// retrieving signOut function, and user data
function App({ user, signOut }) {
  const [name, setName] = useState("");

SahanAmarsha

import React from "react";
import { Box, CssBaseline, Paper, Typography } from "@mui/material";

function App() {
  return (
    <div>
      <CssBaseline />
      <Box
        height="100vh"
        display="flex"

SahanAmarsha

    // define theme
    const theme = createTheme({
        palette: {
            primary: {
                light: '#63b8ff',
                main: '#0989e3',
                dark: '#005db0',
                contrastText: '#000',
            },
            secondary: {

SahanAmarsha

import React from "react";
import {
  Box,
  CssBaseline,
  Paper,
  ThemeProvider,
  Typography,
} from "@mui/material";
import { createTheme } from "@mui/material/styles";

SahanAmarsha

// src/pages/Home.tsx

import React, {ReactElement, FC} from "react";
import {Box, Typography} from "@mui/material";

const Home: FC<any> = (): ReactElement => {
    return (
        <Box sx={{
            flexGrow: 1,
            backgroundColor: 'whitesmoke',

SahanAmarsha

// src/routes.ts

// pages
import Home from "./pages/Home";
import About from "./pages/About";
import Products from "./pages/Products";

// other
import {FC} from "react";

SahanAmarsha

// src/App.tsx

import React from "react";
import { Box, CssBaseline, ThemeProvider } from "@mui/material";
import { createTheme } from "@mui/material/styles";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import { routes as appRoutes } from "./routes";

function App() {
  

SahanAmarsha

// src/components/Navbar.tsx

import React, { FC, ReactElement } from "react";
import {
  Box,
  Link,
  Container,
  IconButton,
  Menu,
  MenuItem,

SahanAmarsha

// src/componetns/Footer.tsx

import React, { FC, ReactElement } from "react";
import { Box, Container, Grid, Typography } from "@mui/material";

export const Footer: FC = (): ReactElement => {
  return (
    <Box
      sx={{
        width: "100%",