new dev-app, update docs

add contribution guide fix style
iway1 · Apr 7, 2023 · 617199e · 617199e
1 parent 4d0ed41
commit 617199e
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 174 deletions.
diff --git a/packages/dev-app/README.md b/packages/dev-app/README.md
@@ -1,28 +1,3 @@
-# Create T3 App
+# Dev App
 
-This is a [T3 Stack](https://create.t3.gg/) project bootstrapped with `create-t3-app`.
-
-## What's next? How do I make an app with this?
-
-We try to keep this project as simple as possible, so you can start with just the scaffolding we set up for you, and add additional things later when they become necessary.
-
-If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our [Discord](https://t3.gg/discord) and ask for help.
-
-- [Next.js](https://nextjs.org)
-- [NextAuth.js](https://next-auth.js.org)
-- [Prisma](https://prisma.io)
-- [Tailwind CSS](https://tailwindcss.com)
-- [tRPC](https://trpc.io)
-
-## Learn More
-
-To learn more about the [T3 Stack](https://create.t3.gg/), take a look at the following resources:
-
-- [Documentation](https://create.t3.gg/)
-- [Learn the T3 Stack](https://create.t3.gg/en/faq#what-learning-resources-are-currently-available) — Check out these awesome tutorials
-
-You can check out the [create-t3-app GitHub repository](https://github.com/t3-oss/create-t3-app) — your feedback and contributions are welcome!
-
-## How do I deploy this?
-
-Follow our deployment guides for [Vercel](https://create.t3.gg/en/deployment/vercel), [Netlify](https://create.t3.gg/en/deployment/netlify) and [Docker](https://create.t3.gg/en/deployment/docker) for more information.
+This app is for development of `trpc-panel`. See our [contributing](../../CONTRIBUTING.md) guide for more information.
diff --git a/packages/dev-app/src/pages/index.module.css b/packages/dev-app/src/pages/index.module.css
@@ -4,146 +4,4 @@
   align-items: center;
   justify-content: center;
   min-height: 100vh;
-  background-image: linear-gradient(to bottom, #2e026d, #15162c);
-}
-
-.container {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 3rem;
-  padding: 4rem 1rem;
-}
-
-@media (min-width: 640px) {
-  .container {
-    max-width: 640px;
-  }
-}
-
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
-  }
-}
-
-@media (min-width: 1024px) {
-  .container {
-    max-width: 1024px;
-  }
-}
-
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1280px;
-  }
-}
-
-@media (min-width: 1536px) {
-  .container {
-    max-width: 1536px;
-  }
-}
-
-.title {
-  font-size: 3rem;
-  line-height: 1;
-  font-weight: 800;
-  letter-spacing: -0.025em;
-  margin: 0;
-  color: white;
-}
-
-@media (min-width: 640px) {
-  .title {
-    font-size: 5rem;
-  }
-}
-
-.pinkSpan {
-  color: hsl(280 100% 70%);
-}
-
-.cardRow {
-  display: grid;
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-  gap: 1rem;
-}
-
-@media (min-width: 640px) {
-  .cardRow {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-@media (min-width: 768px) {
-  .cardRow {
-    gap: 2rem;
-  }
-}
-
-.card {
-  max-width: 20rem;
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  padding: 1rem;
-  border-radius: 0.75rem;
-  color: white;
-  background-color: rgb(255 255 255 / 0.1);
-}
-
-.card:hover {
-  background-color: rgb(255 255 255 / 0.2);
-  transition: background-color 150ms cubic-bezier(0.5, 0, 0.2, 1);
-}
-
-.cardTitle {
-  font-size: 1.5rem;
-  line-height: 2rem;
-  font-weight: 700;
-  margin: 0;
-}
-
-.cardText {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
-.showcaseContainer {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.showcaseText {
-  color: white;
-  text-align: center;
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
-.authContainer {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 1rem;
-}
-
-.loginButton {
-  border-radius: 9999px;
-  background-color: rgb(255 255 255 / 0.1);
-  padding: 0.75rem 2.5rem;
-  font-weight: 600;
-  color: white;
-  text-decoration-line: none;
-  transition: background-color 150ms cubic-bezier(0.5, 0, 0.2, 1);
-}
-
-.loginButton:hover {
-  background-color: rgb(255 255 255 / 0.2);
 }
diff --git a/packages/trpc-panel/src/react-app/components/form/ProcedureForm/DescriptionSection.tsx b/packages/trpc-panel/src/react-app/components/form/ProcedureForm/DescriptionSection.tsx
@@ -29,7 +29,7 @@ export function DocumentationSection({
                         key={key}
                         className="list-item border-b border-separatorLine flex-row space-x-2"
                       >
-                        <span className="text-sm text-gray-500 font-bold">
+                        <span className="text-sm text-neutralText font-bold">
                           {`${key}: `}
                         </span>
                       </li>
@@ -71,7 +71,7 @@ function DocumentationSubsection({
 }) {
   return (
     <div className="flex flex-col space-y-2">
-      <span className="text-md text-gray-500 font-bold">{title}</span>
+      <span className="text-md text-neutralText font-bold">{title}</span>
       <span className="text-sm text-gray-500">{children}</span>
     </div>
   );

diff --git a/packages/trpc-panel/src/react-app/components/hooks/useHotKey.tsx b/packages/trpc-panel/src/react-app/components/hooks/useHotKey.tsx
@@ -122,16 +122,13 @@ export function useHotKey({
         e.preventDefault();
         callbackRef.current();
         hasFiredRef.current = true;
-        console.log("Called hotkey: " + key);
       }
     }
     function handleKeyUp(e: KeyboardEvent) {
-      console.log("Key up");
       if (e.key.toLowerCase() === key.toLowerCase()) {
         e.cancelBubble = true;
         e.preventDefault();
         hasFiredRef.current = false;
-        console.log("Reset has fired ref");
       }
       if (e.key === "Control" || e.key === "Meta") {
         controlOrMetaDown.current = false;