Skip to content
GitLab
Explore
Sign in
Register
Primary navigation
Search or go to…
Project
D
Daily Thought App
Manage
Activity
Members
Labels
Plan
Issues
4
Issue boards
Milestones
Iterations
Wiki
Requirements
Code
Merge requests
0
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Test cases
Artifacts
Deploy
Package Registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Code review analytics
Issue analytics
Insights
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Terms and privacy
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
COM3014-Coursework
Daily Thought App
Commits
a576bec7
Commit
a576bec7
authored
2 years ago
by
Matt Kirby
Browse files
Options
Downloads
Patches
Plain Diff
Feed page
parent
84048a66
No related branches found
Branches containing commit
No related tags found
1 merge request
!8
create "Basic components"
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
daily-thought-frontend/src/pages/feed.tsx
+30
-11
30 additions, 11 deletions
daily-thought-frontend/src/pages/feed.tsx
with
30 additions
and
11 deletions
daily-thought-frontend/src/pages/feed.tsx
+
30
−
11
View file @
a576bec7
import
NavBar
from
"
@/components/navigation/NavBar
"
;
import
AnswerCard
from
"
@/components/post/AnswerCard
"
;
import
Post
from
"
@/components/post/Post
"
;
import
Question
from
"
@/components/question/Question
"
;
...
...
@@ -17,18 +18,36 @@ const Feed = () => {
return
(
<>
<
NavBar
user
=
{
user
}
/>
{
/* <Question /> */
}
<
div
className
=
"flex w-full justify-center flex-col items-center mx-auto max-w-4xl p-3 sm:px-6 lg:px-8 border-x"
>
<
p
className
=
"text-pink-400"
>
Your Feed
</
p
>
<
Post
post
=
{
{
User
:
user
,
Content
:
"
This is my post
"
}
}
/>
<
Post
post
=
{
{
User
:
user
,
Content
:
"
This is my post
"
}
}
/>
<
Post
post
=
{
{
User
:
user
,
Content
:
"
This is my post
"
}
}
/>
<
Post
post
=
{
{
User
:
user
,
Content
:
"
This is my post
"
}
}
/>
<
div
className
=
"w-full"
>
<
NavBar
user
=
{
user
}
/>
</
div
>
<
div
className
=
"flex w-full bg-c-pink flex-col items-center py-3"
>
<
div
className
=
"flex-1 max-w-4xl flex items-center flex-col justify-center"
>
<
div
className
=
"p-8"
>
<
h1
className
=
"text-4xl font-bold tracking-tight text-c-green text-center"
>
This is my question of the day
</
h1
>
</
div
>
<
p
className
=
"text-c-green"
>
Most recent answer
</
p
>
<
div
className
=
"rounded-full my-4 w-xl"
>
<
div
className
=
"flex w-full justify-center flex-col items-center mx-auto p-3 sm:px-6 lg:px-8 max-w-4xl"
>
<
AnswerCard
post
=
{
{
User
:
user
,
Content
:
"
This is my post
"
}
}
/>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
className
=
"flex-1 max-w-4xl flex items-center flex-col justify-center mx-auto"
>
<
div
className
=
"rounded-full my-4 w-xl"
>
<
div
className
=
"flex w-full justify-center flex-col items-center mx-auto p-3 sm:px-6 lg:px-8 max-w-4xl"
>
<
Post
post
=
{
{
User
:
user
,
Content
:
"
This is my post
"
}
}
/>
<
Post
post
=
{
{
User
:
user
,
Content
:
"
This is my post
"
}
}
/>
<
Post
post
=
{
{
User
:
user
,
Content
:
"
This is my post
"
}
}
/>
<
Post
post
=
{
{
User
:
user
,
Content
:
"
This is my post
"
}
}
/>
</
div
>
</
div
>
</
div
>
</>
)
}
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment