Merge pull request #546 from aslams2020/Licensing

✔️Added MIT License in Footer
VaibhavArora314 · Aug 2, 2024 · 3e6f450 · 3e6f450
2 parents 480b344 + 7702e4f
commit 3e6f450
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
@@ -3,7 +3,7 @@ import { Link } from "react-router-dom";
 import { loggedInState } from '../store/atoms/auth';
 import { CgProfile } from 'react-icons/cg';
 import { BsFilePost } from 'react-icons/bs';
-import { FaHome, FaGithub, FaEnvelope, FaInfoCircle, FaTools, FaLock, FaFileAlt, FaCookieBite } from 'react-icons/fa';
+import { FaHome, FaGithub, FaEnvelope, FaInfoCircle, FaTools, FaLock, FaFileAlt, FaCookieBite, FaFileContract} from 'react-icons/fa';
 import logo from "../assets/favicon.png";
 import { FaRegHandshake } from "react-icons/fa6";
 import "../styles/Footer.css"; 
@@ -91,6 +91,12 @@ const Footer = () => {
                                     Terms and Conditions
                                 </Link>
                             </li>
+                            <li className='py-1 cursor-pointer'>
+                                <Link to='/app/policy#licensing' className='flex items-center gap-2 link-hover'>
+                                <FaFileContract className="w-4 h-4 mr-0.5" />
+                                    Licensing
+                                </Link>
+                            </li>
                             <li className='py-1 cursor-pointer'>
                                 <Link to='/app/policy#cookie-policy' className='flex items-center gap-2 link-hover'>
                                     <FaCookieBite />

diff --git a/frontend/src/pages/Policy.tsx b/frontend/src/pages/Policy.tsx
@@ -164,6 +164,22 @@ function Policy() {
             </div>
           </div>
         </div>
+
+        <div className="bg-white dark:bg-gray-800 p-8 rounded-lg shadow-md transition-transform duration-300 hover:shadow-lg transform hover:scale-105">
+          <div className="flex flex-col md:flex-row items-start space-y-4 md:space-y-0 md:space-x-8 mb-8">
+            <img src={terms} alt="MITLicense" className="rounded-lg w-32 h-32" />
+            <div>
+              <h1 id="licensing" className="text-4xl font-bold mb-4 scroll-margin-top">Licensing</h1>
+              <section className="leading-relaxed space-y-4">
+              <h3 className="text-2xl font-semibold mt-4">MIT License</h3>
+                <p>Our project is distributed under the MIT License, a permissive free software license that allows you to reuse, modify, and distribute the software with minimal restrictions, ensuring flexibility and freedom in your development endeavors.</p>
+
+                <p>For more detailed information about the MIT License, please click on the link provided to the license.</p>
+                <a href="https://github.com/VaibhavArora314/StyleShare?tab=MIT-1-ov-file#readme" className="text-blue-500 font-bold underline hover:text-blue-700">View MIT License</a>
+              </section>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   );