Merge pull request #15 from oslabs-beta/eric/webappfeature

Eric/webappfeature

Author: ericsngyun

demo-app/src/client/Router.tsx

@@ -12,8 +12,8 @@ ReactDOM.render(
     <BrowserRouter>
       <Nav />
       <Routes>
-        <Route path="/tictactoe" element={<Board />}/>
-        <Route path="/" element={<Home />}/>
-        <Route path="/buttons" element={<Buttons />}/>
+          <Route path="/tictactoe" element={<Board />}/>
+          <Route path="/" element={<Home />}/>
+          <Route path="/buttons" element={<Buttons />}/>
       </Routes>
     </BrowserRouter>, root);

src/backend/linkFiber.ts

@@ -265,6 +265,7 @@ function createTree(
       const hooksStates = traverseHooks(memoizedState);
       const hooksNames = getHooksNames(elementType.toString());
 
+
       hooksStates.forEach((state, i) => {
         hooksIndex = componentActionsRecord.saveNew(
           state.state,

www/src/pages/components/Blogs.tsx

@@ -62,7 +62,7 @@ export default function Blogs() {
       </div>
       <div className="relative mx-auto max-w-7xl">
         <div className="text-center">
-          <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">From the blog</h2>
+          <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">From the Blog</h2>
           <p className="mx-auto mt-3 max-w-2xl text-xl text-gray-500 sm:mt-4">
             See the blogs from the most recent updates and to the past years!
           </p>
@@ -75,7 +75,7 @@ export default function Blogs() {
               </div>
               <div className="flex flex-1 flex-col justify-between bg-white p-6">
                 <div className="flex-1">
-                  <p className="text-sm font-medium text-indigo-600">
+                  <p className="text-sm font-medium text-rose-500">
                     <a href={post.category.href} className="hover:underline">
                       {post.category.name}
                     </a>

www/src/pages/components/FeaturesSection.jsx

@@ -47,12 +47,12 @@ export default function FeaturesSection() {
   return (
     <div className="relative bg-white py-24 sm:py-32 lg:py-40">
       <div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
-        <h2 className="text-lg font-semibold text-indigo-600">Core Features</h2>
+        <h2 className="text-lg font-semibold text-rose-500">Core Features</h2>
         <p className="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
           What makes Reactime so great?
         </p>
         <p className="mx-auto mt-5 max-w-prose text-xl text-gray-500">
-        Reactime iscd full of features that make your life easier as a developer. From time-travel debugging to state snapshot display, check out how using Reactime will improve your developer experience.
+        Reactime is full of features that make your life easier as a developer. From time-travel debugging to state snapshot display, check out how using Reactime will improve your developer experience.
         </p>
         <div className="mt-20">
           <div className="grid grid-cols-1 gap-12 sm:grid-cols-2 lg:grid-cols-3">
@@ -61,7 +61,7 @@ export default function FeaturesSection() {
                 <div className="flow-root rounded-lg bg-gray-50 px-6 pb-8 h-64">
                   <div className="-mt-6">
                     <div>
-                      <span className="inline-flex items-center justify-center rounded-xl bg-indigo-500 p-3 shadow-lg">
+                      <span className="inline-flex items-center justify-center rounded-xl bg-rose-500 p-3 shadow-lg">
                         <feature.icon className="h-8 w-8 text-white" aria-hidden="true" />
                       </span>
                     </div>

www/src/pages/components/TeamSection.tsx

@@ -85,8 +85,8 @@ function replace(e: React.SyntheticEvent<HTMLImageElement>): void{
             <div className="space-y-5 sm:mx-auto sm:max-w-xl sm:space-y-4 lg:max-w-5xl">
               <h2 className="text-3xl font-bold tracking-tight sm:text-4xl">Our Contributors</h2>
               <p className="text-xl text-gray-500">
-                Risus velit condimentum vitae tincidunt tincidunt. Mauris ridiculus fusce amet urna nunc. Ut nisl ornare
-                diam in.
+                {/* Risus velit condimentum vitae tincidunt tincidunt. Mauris ridiculus fusce amet urna nunc. Ut nisl ornare
+                diam in. */}
               </p>
             </div>
             <ul
@@ -100,7 +100,7 @@ function replace(e: React.SyntheticEvent<HTMLImageElement>): void{
                     <div className="space-y-2">
                       <div className="text-xs font-medium lg:text-sm">
                         <h3>{person[0]}</h3>
-                        <a href={`https://github.com/${person[1]}`} className="text-indigo-600">{person[1]}</a>
+                        <a href={`https://github.com/${person[1]}`} className="text-rose-500">{person[1]}</a>
                       </div>
                     </div>
                   </div>