formatting and import optimization changes (pythonindia#61)

* add editorconfig * code formatting changes * remove unused imports * fix button and venue bg
Aribaskar-jb · Jun 8, 2023 · 8a76892 · 8a76892
1 parent acfdd8a
commit 8a76892
Show file tree

Hide file tree

Showing 22 changed files with 1,442 additions and 1,250 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,15 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/components/HeroBanner.js b/components/HeroBanner.js
@@ -1,11 +1,10 @@
-import Image from 'next/image';
-import React from 'react';
+import Image from "next/image";
+import React from "react";
 
-import Button from './button';
+import Button from "./button";
 import calendar from "../public/images/calendar.png";
 import logo from "../public/images/logo.png";
 
-
 const HeroBanner = () => {
   return (
     <section className="bg-banner">
@@ -19,19 +18,20 @@ const HeroBanner = () => {
                 </a>
               </div>
               <p className="pt-3 text-center text-md-start">
-                The premier conference in India using and developing Python programming language.
-                Stay tuned for further updates by subscribing to our announcements.
+                The premier conference in India using and developing Python
+                programming language. Stay tuned for further updates by
+                subscribing to our announcements.
               </p>
-              <div className='row register-btn'>
-                <div className='col-md-5 col-8 pt-3'>
+              <div className="row register-btn">
+                <div className="col-md-5 col-8 pt-3">
                   <Button
                     buttonClassName="green-btn register-btn-extra-padding"
                     anchorClassName="text-decoration-none text-light"
                     buttonLabel="Become A Volunteer"
                     buttonHyperLink="https://docs.google.com/forms/d/e/1FAIpQLSdmlVnxDBENiXs17hQeUtgqOZdcsWI7lmQpXq5m9K-e0eS52Q/viewform"
                   />
                 </div>
-                <div className='col-md-5 col-8 pt-3'>
+                <div className="col-md-5 col-8 pt-3">
                   <Button
                     buttonClassName="submit-btn register-btn-extra-padding"
                     anchorClassName="text-decoration-none"
@@ -42,7 +42,13 @@ const HeroBanner = () => {
               </div>
               <h2 className="pt-5 mb-4 date-text">
                 29 Sept - 02 Oct
-                <Image src={calendar} alt="" width="100%" height="100%" className="img-fluid" />
+                <Image
+                  src={calendar}
+                  alt=""
+                  width="100%"
+                  height="100%"
+                  className="img-fluid"
+                />
               </h2>
               <div className="row">
                 <div className="col-md-4">

diff --git a/components/button.js b/components/button.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 const Button = (props) => {
   let buttonClassName = props.buttonClassName;
@@ -12,16 +12,18 @@ const Button = (props) => {
       <button
         className={buttonClassName}
         disabled={disabled}
-        style={{ pointerEvents: props.disabled ? 'none' : 'auto' }}
+        style={{ pointerEvents: props.disabled ? "none" : "auto" }}
       >
-        <a href={buttonHyperLink} target="_blank" className={anchorClassName}>{buttonLabel}</a>
+        <a href={buttonHyperLink} target="_blank" className={anchorClassName}>
+          {buttonLabel}
+        </a>
       </button>
     </>
   );
 };
 
 Button.defaultProps = {
-  disabled: false
+  disabled: false,
 };
 
 export default Button;
diff --git a/components/conventioncenter.js b/components/conventioncenter.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 const ConventionCenterSection = () => {
   return (
@@ -9,9 +9,7 @@ const ConventionCenterSection = () => {
             <h3 className="text-white hallhead">
               TBA <br /> TBA
             </h3>
-            <p className="text-white">
-              Hyderabad, Telangana 500081
-            </p>
+            <p className="text-white">Hyderabad, Telangana 500081</p>
           </div>
           <div className="col-md-4 text-center text-md-start">
             <iframe

diff --git a/components/footer.tsx b/components/footer.tsx
@@ -1,14 +1,14 @@
-import React from 'react';
-import Image from 'next/image';
+import React from "react";
+import Image from "next/image";
 
-import PyConLogo from '../public/images/logo.png';
-import LinkedInLogo from '../public/images/social1.png';
-import FacebookLogo from '../public/images/social2.png';
-import TwitterLogo from '../public/images/social3.png';
-import InstagramLogo from '../public/images/social4.png';
-import ZulipLogo from '../public/images/social5.png';
-import MailingList from '../public/images/social6.png';
-import WebChirpyLogo from '../public/images/webchirpy.png';
+import PyConLogo from "../public/images/logo.png";
+import LinkedInLogo from "../public/images/social1.png";
+import FacebookLogo from "../public/images/social2.png";
+import TwitterLogo from "../public/images/social3.png";
+import InstagramLogo from "../public/images/social4.png";
+import ZulipLogo from "../public/images/social5.png";
+import MailingList from "../public/images/social6.png";
+import WebChirpyLogo from "../public/images/webchirpy.png";
 
 interface SocialItem {
   name: string;
@@ -18,40 +18,43 @@ interface SocialItem {
 
 const social: SocialItem[] = [
   {
-    name: 'LinkedIn',
-    url: 'https://www.linkedin.com/company/pyconindia/',
+    name: "LinkedIn",
+    url: "https://www.linkedin.com/company/pyconindia/",
     logo: LinkedInLogo,
   },
   {
-    name: 'Facebook',
-    url: 'https://www.facebook.com/PyConIndia/',
+    name: "Facebook",
+    url: "https://www.facebook.com/PyConIndia/",
     logo: FacebookLogo,
   },
   {
-    name: 'Twitter',
-    url: 'https://twitter.com/pyconindia',
+    name: "Twitter",
+    url: "https://twitter.com/pyconindia",
     logo: TwitterLogo,
   },
   {
-    name: 'Instagram',
-    url: 'https://www.instagram.com/__pyconindia__/',
+    name: "Instagram",
+    url: "https://www.instagram.com/__pyconindia__/",
     logo: InstagramLogo,
   },
   {
-    name: 'Zulip',
-    url: 'https://pyconindia.zulipchat.com/',
+    name: "Zulip",
+    url: "https://pyconindia.zulipchat.com/",
     logo: ZulipLogo,
   },
   {
-    name: 'Mailing List',
-    url: 'https://mail.python.org/mailman/listinfo/inpycon',
+    name: "Mailing List",
+    url: "https://mail.python.org/mailman/listinfo/inpycon",
     logo: MailingList,
   },
 ];
 
 const Footer: React.FC = () => {
   return (
-    <footer className="bg-footer" style={{ backgroundImage: `url(images/bg-header-dot.png)` }}>
+    <footer
+      className="bg-footer"
+      style={{ backgroundImage: `url(images/bg-header-dot.png)` }}
+    >
       <div className="container">
         <div className="row pt-5 pb-5">
           <div className="col-md-12 pb-5 text-center">
@@ -81,9 +84,7 @@ const Footer: React.FC = () => {
             </ul>
           </div>
           <div className="col-md text-center pt-md-0 pt-4">
-            <h3 className="footer-title">
-              Copyright @ 2023 PyCon India
-            </h3>
+            <h3 className="footer-title">Copyright @ 2023 PyCon India</h3>
           </div>
           <div className="col-md-2 text-center text-md-start pt-md-0 pt-3">
             <h3 className="footer-title">Design By</h3>
@@ -101,4 +102,4 @@ const Footer: React.FC = () => {
   );
 };
 
-export default Footer;
+export default Footer;