Footer
Component
The Footer component is a reusable component that renders a footer section at the bottom of a page. It displays the copyright information and the current version of the application.
File Path
The Footer component is located at the following path: iot-frontend/src/components/Footer.tsx
Usage
To use the Footer component, import it into your React component and include it at the desired location, typically at the bottom of your page layout:
import React from 'react';
import Footer from './Footer';
const MyComponent = () => {
return (
<div>
{/* Other components */}
<Footer />
</div>
);
};
export default MyComponent;The Footer component does not require any props and can be used as is.
Functionality
The Footer component displays the following information:
Copyright notice: It shows the copyright symbol
(©)followed by the company name "Adroit" and the established year (2015) to the current year. The current year is dynamically calculated usingnew Date().getFullYear().Version number: It displays the current version of the application, which is hardcoded as
"v1.0.0"inside the component.