(fix): updated classnames

src/app/components/Button/Button.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { createAsset } from "../Asset/Asset";
-import "./button.css";
+import "./Button.css";
 
 export function CreateButton({
   applicationData,
@@ -9,7 +9,7 @@ export function CreateButton({
 }): React.JSX.Element {
   return (
     <button
-      className="btn"
+      className="button"
       onClick={() => createAsset(applicationData, data, name)}
     >
       Create Snippet

src/app/components/Button/button.css

@@ -1,4 +1,4 @@
-.btn {
+.button {
     margin-top: 10px;
     margin-bottom: 10px;
     max-width: fit-content;

src/app/components/Header/Header.css

@@ -1,25 +1,24 @@
-.custom-div {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    background-color: black;
-    padding: 0px 10px;
-    margin-bottom: 1rem;
-    box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.2);
-    border-radius: 10px;
-    min-width: 1200px;
-    max-width: 1200px;
-  }
-
-  .custom-div h3 {
-    color: white;
-    font-weight: normal;
-  }
-
-  .custom-div span {
-    font-size: 8px;
-    margin-left: 5px;
-    font-weight: 100;
-  }
-
+.header-div {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  background-color: black;
+  padding: 0px 10px;
+  margin-bottom: 1rem;
+  box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  min-width: 1200px;
+  max-width: 1200px;
+}
+
+.header-div h3 {
+  color: white;
+  font-weight: normal;
+}
+
+.header-div span {
+  font-size: 8px;
+  margin-left: 5px;
+  font-weight: 100;
+}

src/app/components/Header/Header.tsx

@@ -12,7 +12,7 @@ interface HeaderProps {
 // We don't support logic for detecting the offline status but will be adding it soon!
 export function Header({ isConnected }: HeaderProps): React.JSX.Element {
   return (
-    <div className="custom-div">
+    <div className="header-div">
       <h3>
         Pieces OS Client SDK for Typescript
         <span>Open Source by Pieces</span>

src/app/components/TextInput/TextInput.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { useState } from "react";
 import { deleteAsset, renameAsset } from "../Asset/Asset";
 import { CreateButton } from "../Button/Button";
-import "./textinput.css";
+import "./TextInput.css";
 
 export function DataTextInput({ applicationData }) {
   const [name, setName] = useState("");