fix: render loading spinner if no hash
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
import Puffs from "./Asides/Puffs"
|
||||
import Contact from "./Asides/Contacts"
|
||||
|
||||
import { AsideTypenameEnum } from "@/types/requests/utils/typename"
|
||||
import type { AsideProps } from "@/types/components/current/aside"
|
||||
@@ -14,7 +15,9 @@ export default function Aside({ blocks }: AsideProps) {
|
||||
const type = block.__typename
|
||||
switch (type) {
|
||||
case AsideTypenameEnum.CurrentBlocksPageAsideContact:
|
||||
return null
|
||||
return block.contact.contactConnection.edges.map((contact) => (
|
||||
<Contact key={`contact-${idx}`} {...contact.node} />
|
||||
))
|
||||
case AsideTypenameEnum.CurrentBlocksPageAsidePuff:
|
||||
return <Puffs key={`block-${idx}`} puffs={block.puff.puffConnection.edges} />
|
||||
default:
|
||||
|
||||
@@ -1,11 +1,12 @@
|
||||
.title {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-family: BrandonText-Bold,Arial,Helvetica,sans-serif;
|
||||
font-size: 1.375rem;
|
||||
line-height: 1.1em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
margin-top: 2rem;
|
||||
color: #483729;
|
||||
margin-bottom: 1rem;
|
||||
text-decoration: none;
|
||||
text-transform: none;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.ul {
|
||||
@@ -60,6 +61,6 @@
|
||||
|
||||
@media screen and (min-width: 950px) {
|
||||
.title {
|
||||
font-size: 1.375rem;
|
||||
font-size: 1.625rem;
|
||||
}
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
import styles from "./loading.module.css"
|
||||
|
||||
export default function LoadingPreview() {
|
||||
export default function LoadingSpinner() {
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<div className={styles.spinner}>
|
||||
@@ -6,7 +6,6 @@
|
||||
box-sizing: content-box;
|
||||
display: grid;
|
||||
gap: 70px;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
margin: 0 auto;
|
||||
max-width: 1200px;
|
||||
padding: 20px 10px 5px;
|
||||
@@ -15,6 +14,7 @@
|
||||
@media screen and (min-width: 740px) {
|
||||
.section {
|
||||
padding: 30px 30px 15px;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user