Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
canifa_note
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Vũ Hoàng Anh
canifa_note
Commits
f416eb00
Commit
f416eb00
authored
Dec 30, 2025
by
Johnny
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
refactor(web): simplify Skeleton component structure
parent
d7478b80
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
11 additions
and
13 deletions
+11
-13
Skeleton.tsx
web/src/components/Skeleton.tsx
+11
-13
No files found.
web/src/components/Skeleton.tsx
View file @
f416eb00
...
@@ -59,20 +59,18 @@ const Skeleton = ({ type = "route", showCreator = false, count = 4, showEditor =
...
@@ -59,20 +59,18 @@ const Skeleton = ({ type = "route", showCreator = false, count = 4, showEditor =
// Route or memo type: with optional wrapper
// Route or memo type: with optional wrapper
return
(
return
(
<
div
className=
"w-full max-w-full px-4 py-6"
>
<
div
className=
"w-full max-w-2xl mx-auto"
>
<
div
className=
"w-full max-w-2xl mx-auto"
>
{
/* Editor skeleton - only for route type */
}
{
/* Editor skeleton - only for route type */
}
{
type
===
"route"
&&
showEditor
&&
(
{
type
===
"route"
&&
showEditor
&&
(
<
div
className=
"relative flex flex-col justify-start items-start bg-card w-full px-4 py-3 mb-4 gap-2 rounded-lg border border-border animate-pulse"
>
<
div
className=
"relative flex flex-col justify-start items-start bg-card w-full px-4 py-3 mb-4 gap-2 rounded-lg border border-border animate-pulse"
>
<
div
className=
"w-full h-12 bg-muted rounded"
/>
<
div
className=
"w-full h-12 bg-muted rounded"
/>
</
div
>
</
div
>
)
}
)
}
{
/* Memo skeletons */
}
{
/* Memo skeletons */
}
{
Array
.
from
({
length
:
count
}).
map
((
_
,
index
)
=>
(
{
Array
.
from
({
length
:
count
}).
map
((
_
,
index
)
=>
(
<
MemoCardSkeleton
key=
{
index
}
showCreator=
{
showCreator
}
index=
{
index
}
/>
<
MemoCardSkeleton
key=
{
index
}
showCreator=
{
showCreator
}
index=
{
index
}
/>
))
}
))
}
</
div
>
</
div
>
</
div
>
);
);
};
};
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment