From 2a17e0b789d43ac7124b1f98b76b13a1dfc72d74 Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Tue, 14 Jan 2020 00:06:34 +0700
Subject: [PATCH] Use class attribute in raw sample code

---
 client/patterns/mega-menu/Details.tsx                         | 4 ++--
 client/patterns/mega-menu/{megaMenu.css => mega-menu.css}     | 0
 client/patterns/nested-dropdowns/Details.tsx                  | 2 +-
 client/patterns/radio-button-group/Details.tsx                | 2 +-
 .../{radioButtonGroup.css => radio-button-group.css}          | 0
 5 files changed, 4 insertions(+), 4 deletions(-)
 rename client/patterns/mega-menu/{megaMenu.css => mega-menu.css} (100%)
 rename client/patterns/radio-button-group/{radioButtonGroup.css => radio-button-group.css} (100%)

diff --git a/client/patterns/mega-menu/Details.tsx b/client/patterns/mega-menu/Details.tsx
index c07cfd4..bcb91c2 100644
--- a/client/patterns/mega-menu/Details.tsx
+++ b/client/patterns/mega-menu/Details.tsx
@@ -6,7 +6,7 @@
 import React from 'react';
 import { Helmet } from 'react-helmet';
 
-import './megaMenu.css';
+import './mega-menu.css';
 
 import RelatedPatterns from '../../components/RelatedPatterns';
 import Pattern from '../../constants/Pattern';
@@ -126,7 +126,7 @@ const Details: React.FC<{}> = () => {
 }
 </style>
 
-<div className="p-mega-menu-container">
+<div class="p-mega-menu-container">
     <!-- Item -->
     ...
 
diff --git a/client/patterns/mega-menu/megaMenu.css b/client/patterns/mega-menu/mega-menu.css
similarity index 100%
rename from client/patterns/mega-menu/megaMenu.css
rename to client/patterns/mega-menu/mega-menu.css
diff --git a/client/patterns/nested-dropdowns/Details.tsx b/client/patterns/nested-dropdowns/Details.tsx
index 38eda66..b23e408 100644
--- a/client/patterns/nested-dropdowns/Details.tsx
+++ b/client/patterns/nested-dropdowns/Details.tsx
@@ -118,7 +118,7 @@ const Details: React.FC<{}> = () => {
 }
 </style>
 
-<ul className="p-nested-dropdowns">
+<ul class="p-nested-dropdowns">
     <li>Home</li>
     <li>
         <div>Patterns</div>
diff --git a/client/patterns/radio-button-group/Details.tsx b/client/patterns/radio-button-group/Details.tsx
index 78b2389..f254347 100644
--- a/client/patterns/radio-button-group/Details.tsx
+++ b/client/patterns/radio-button-group/Details.tsx
@@ -6,7 +6,7 @@
 import React, { useState } from 'react';
 import { Helmet } from 'react-helmet';
 
-import './radioButtonGroup.css';
+import './radio-button-group.css';
 
 import RelatedPatterns from '../../components/RelatedPatterns';
 import Pattern from '../../constants/Pattern';
diff --git a/client/patterns/radio-button-group/radioButtonGroup.css b/client/patterns/radio-button-group/radio-button-group.css
similarity index 100%
rename from client/patterns/radio-button-group/radioButtonGroup.css
rename to client/patterns/radio-button-group/radio-button-group.css