Skip to content

Commit 487ddc8

Browse files
ericsngyunericsngyun
committed
Merge branch 'master' into www
2 parents 6921f81 + 75328a3 commit 487ddc8

File tree

2 files changed

+30
-82
lines changed

2 files changed

+30
-82
lines changed

‎www/src/pages/components/Blogs.tsx‎

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const posts = [
2020
{
2121
title: 'Time-Traveling Through React State',
2222
href: 'https://rxlina.medium.com/time-traveling-through-react-state-with-reactime-9-0-371dbdc99319',
23-
category: { name: 'React', href: '#' },
23+
category: { name: 'React', href: 'https://medium.com/tag/react' },
2424
description:
2525
'Reactime is a Chrome extension and time-travel debugger for React that allows developers to record, track, and visualize state changes. Reactime leverages React’s core reconciliation... ',
2626
date: 'Oct 7, 2021',
@@ -36,21 +36,20 @@ const posts = [
3636
},
3737
},
3838
{
39-
title: 'Open Source DeBugging Tool for React',
40-
href: 'https://betterprogramming.pub/time-traveling-state-with-reactime-6-0-53fdc3ae2a20',
41-
category: { name: 'Better Programming', href: '#' },
42-
description:
43-
'State management is a crucial part of developing efficient and performant React applications. Developers know that managing state can become unmanageable as an application scales... ',
44-
date: 'Oct 21, 2020',
45-
datetime: '2020-10-21',
39+
title: 'What time is it? Reactime!',
40+
href: 'https://medium.com/@robbytiptontol/inter-route-time-travel-with-reactime-d84cd55ec73b',
41+
category: { name: 'React Devtools', href: 'https://medium.com/tag/react-devtools' },
42+
description: 'Reactime is a debugging tool that lets developers take snapshots of an application\’s state data as well as time-travel through these snapshots. The snapshots display React...',
43+
date: 'Jun 16, 2022',
44+
datetime: '2022-06-16',
4645
imageUrl:
4746
'https://images.unsplash.com/photo-1492724441997-5dc865305da7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1679&q=80',
48-
readingTime: '11 min',
47+
readingTime: '9 min',
4948
author: {
50-
name: 'Vincent Nguyen',
51-
href: 'https://medium.com/@CSVince',
49+
name: 'Robby Tipton',
50+
href: 'https://medium.com/@robbytiptontol',
5251
imageUrl:
53-
'https://media-exp1.licdn.com/dms/image/C5603AQEsAdcE-e7kZg/profile-displayphoto-shrink_200_200/0/1604336802983?e=1676505600&v=beta&t=yK3edcZkpG4Yhvr4iavafRs1SBEQgza-4IRJncRV0X4',
52+
'https://miro.medium.com/fit/c/96/96/1*pi-RH2LRvsZA9vLZTvY2mg.jpeg',
5453
},
5554
},
5655
]

‎www/src/pages/components/NavBar.tsx‎

Lines changed: 19 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -37,17 +37,18 @@ function NavBarSytling() {
3737
<div className="flex items-center">
3838
<div className="ml-6 flex-shrink-0">
3939
<img
40-
className="block h-8 w-auto lg:hidden"
40+
className="block h-9 w-auto lg:hidden"
4141
src="https://i.imgur.com/ELBAyVb.png"
4242
alt="Your Company"
4343
/>
4444
<img
45-
className="hidden h-8 w-auto lg:block"
45+
className="hidden h-9 w-auto lg:block"
4646
src="https://i.imgur.com/ELBAyVb.png"
4747
alt="Your Company"
4848
/>
4949
</div>
50-
<span className="inline-flex items-center mx-4 rounded-full bg-red-200 px-2.5 py-0.5 text-xs font-medium text-red-800">
50+
<h2 className="font-bold text-2xl pl-1 mt-2">Reactime</h2>
51+
<span className="inline-flex items-center mt-2 mx-4 rounded-full bg-red-200 px-2.5 py-0.5 text-xs font-medium text-red-800">
5152
v17.0.0
5253
</span>
5354

@@ -56,26 +57,18 @@ function NavBarSytling() {
5657
<div className="hidden sm:ml-6 sm:block">
5758
<div className="flex space-x-4">
5859
{/* Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" */}
59-
<a href="#" className="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white">
60-
Dashboard
61-
</a>
62-
<a
63-
href="#"
64-
className="rounded-md px-3 py-2 text-sm font-medium text-gray-500 hover:bg-gray-700 hover:text-white"
65-
>
66-
Team
67-
</a>
6860
<a
69-
href="#"
61+
href="http://github.com/open-source-labs/reactime"
62+
target="_blank"
7063
className="rounded-md px-3 py-2 text-sm font-medium text-gray-500 hover:bg-gray-700 hover:text-white"
7164
>
72-
Projects
65+
Github
7366
</a>
74-
<a
75-
href="#"
76-
className="rounded-md px-3 py-2 text-sm font-medium text-gray-500 hover:bg-gray-700 hover:text-white"
77-
>
78-
Calendar
67+
<a
68+
href="https://chrome.google.com/webstore/detail/reactime/cgibknllccemdnfhfpmjhffpjfeidjga?hl=en-US"
69+
target="_blank"
70+
className="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white hover:bg-gray-700 hover:text-white">
71+
Download
7972
</a>
8073
</div>
8174
</div>
@@ -85,80 +78,36 @@ function NavBarSytling() {
8578
<Disclosure.Panel className="sm:hidden">
8679
<div className="space-y-1 px-2 pt-2 pb-3">
8780
{/* Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" */}
81+
8882
<Disclosure.Button
8983
as="a"
9084
href="#"
91-
className="block rounded-md bg-gray-900 px-3 py-2 text-base font-medium text-white"
85+
className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
9286
>
93-
Dashboard
87+
Team
9488
</Disclosure.Button>
9589
<Disclosure.Button
9690
as="a"
9791
href="#"
9892
className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
9993
>
100-
Team
94+
Projects
10195
</Disclosure.Button>
10296
<Disclosure.Button
10397
as="a"
10498
href="#"
10599
className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
106100
>
107-
Projects
101+
Calendar
108102
</Disclosure.Button>
109103
<Disclosure.Button
110104
as="a"
111105
href="#"
112-
className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
106+
className="block rounded-md bg-gray-900 px-3 py-2 text-base font-medium text-white"
113107
>
114-
Calendar
108+
Download
115109
</Disclosure.Button>
116110
</div>
117-
<div className="border-t border-gray-700 pt-4 pb-3">
118-
<div className="flex items-center px-5">
119-
<div className="flex-shrink-0">
120-
<img
121-
className="h-10 w-10 rounded-full"
122-
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
123-
alt=""
124-
/>
125-
</div>
126-
<div className="ml-3">
127-
<div className="text-base font-medium text-white">Tom Cook</div>
128-
<div className="text-sm font-medium text-gray-400">[email protected]</div>
129-
</div>
130-
<button
131-
type="button"
132-
className="ml-auto flex-shrink-0 rounded-full bg-gray-800 p-1 text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800"
133-
>
134-
<span className="sr-only">View notifications</span>
135-
<BellIcon className="h-6 w-6" aria-hidden="true" />
136-
</button>
137-
</div>
138-
<div className="mt-3 space-y-1 px-2">
139-
<Disclosure.Button
140-
as="a"
141-
href="#"
142-
className="block rounded-md px-3 py-2 text-base font-medium text-gray-400 hover:bg-gray-700 hover:text-white"
143-
>
144-
Your Profile
145-
</Disclosure.Button>
146-
<Disclosure.Button
147-
as="a"
148-
href="#"
149-
className="block rounded-md px-3 py-2 text-base font-medium text-gray-400 hover:bg-gray-700 hover:text-white"
150-
>
151-
Settings
152-
</Disclosure.Button>
153-
<Disclosure.Button
154-
as="a"
155-
href="#"
156-
className="block rounded-md px-3 py-2 text-base font-medium text-gray-400 hover:bg-gray-700 hover:text-white"
157-
>
158-
Sign out
159-
</Disclosure.Button>
160-
</div>
161-
</div>
162111
</Disclosure.Panel>
163112
</>
164113
)}

0 commit comments

Comments
 (0)