Skip to content

Commit 954ec50

Browse files
hamza14khanhamza14khan
committed
fix: update footer stories
1 parent 22eb3b1 commit 954ec50

File tree

1 file changed

+44
-28
lines changed

1 file changed

+44
-28
lines changed

‎packages/react/ds/src/footer/footer.stories.tsx

+44-28
Original file line numberDiff line numberDiff line change
@@ -47,94 +47,110 @@ export const CompleteFooter: Story = {
4747
<div className="gi-col-span-4 md:gi-col-span-4 lg:gi-col-span-3">
4848
<SectionBreak color="gi-border-gray-100" size="md" />
4949
<h3 className="gi-heading-sm gi-mb-4">Services</h3>
50-
<List
51-
items={[
50+
<ul className="gi-space-y-2">
51+
<li>
5252
<Anchor
5353
href="/services/public-services"
5454
aria-label="Public Services"
5555
>
5656
Public Services
57-
</Anchor>,
57+
</Anchor>
58+
</li>
59+
<li>
5860
<Anchor
5961
href="/services/business-services"
6062
aria-label="Business Services"
6163
>
6264
Business Services
63-
</Anchor>,
65+
</Anchor>
66+
</li>
67+
<li>
6468
<Anchor
6569
href="/services/online-services"
6670
aria-label="Online Services"
6771
>
6872
Online Services
69-
</Anchor>,
70-
]}
71-
/>
73+
</Anchor>
74+
</li>
75+
</ul>
7276
</div>
7377
<div className="gi-col-span-4 md:gi-col-span-4 lg:gi-col-span-3">
7478
<SectionBreak color="gi-border-gray-100" size="md" />
7579
<h3 className="gi-heading-sm gi-mb-4">Departments</h3>
76-
<List
77-
items={[
80+
<ul className="gi-space-y-2">
81+
<li>
7882
<Anchor
7983
href="/departments/health"
8084
aria-label="Department of Health"
8185
>
8286
Department of Health
83-
</Anchor>,
87+
</Anchor>
88+
</li>
89+
<li>
8490
<Anchor
8591
href="/departments/education"
8692
aria-label="Department of Education"
8793
>
8894
Department of Education
89-
</Anchor>,
95+
</Anchor>
96+
</li>
97+
<li>
9098
<Anchor
9199
href="/departments/finance"
92100
aria-label="Department of Finance"
93101
>
94102
Department of Finance
95-
</Anchor>,
96-
]}
97-
/>
103+
</Anchor>
104+
</li>
105+
</ul>
98106
</div>
99107
<div className="gi-col-span-4 md:gi-col-span-4 lg:gi-col-span-3">
100108
<SectionBreak color="gi-border-gray-100" size="md" />
101109
<h3 className="gi-heading-sm gi-mb-4">Publications</h3>
102-
<List
103-
items={[
110+
<ul className="gi-space-y-2">
111+
<li>
104112
<Anchor href="/publications/reports" aria-label="Reports">
105113
Reports
106-
</Anchor>,
114+
</Anchor>
115+
</li>
116+
<li>
107117
<Anchor href="/publications/statistics" aria-label="Statistics">
108118
Statistics
109-
</Anchor>,
119+
</Anchor>
120+
</li>
121+
<li>
110122
<Anchor href="/publications/legislation" aria-label="Legislation">
111123
Legislation
112-
</Anchor>,
113-
]}
114-
/>
124+
</Anchor>
125+
</li>
126+
</ul>
115127
</div>
116128
<div className="gi-col-span-4 md:gi-col-span-4 lg:gi-col-span-3">
117129
<SectionBreak color="gi-border-gray-100" size="md" />
118130
<h3 className="gi-heading-sm gi-mb-4">Contact</h3>
119-
<List
120-
items={[
131+
<ul className="gi-space-y-2">
132+
<li>
121133
<Anchor
122134
href="/contact/find-an-office"
123135
aria-label="Find an Office"
124136
>
125137
Find an Office
126-
</Anchor>,
138+
</Anchor>
139+
</li>
140+
<li>
127141
<Anchor
128142
href="/contact/phone-directory"
129143
aria-label="Phone Directory"
130144
>
131145
Phone Directory
132-
</Anchor>,
146+
</Anchor>
147+
</li>
148+
<li>
133149
<Anchor href="/contact/feedback" aria-label="Feedback">
134150
Feedback
135-
</Anchor>,
136-
]}
137-
/>
151+
</Anchor>
152+
</li>
153+
</ul>
138154
</div>
139155
</div>
140156
),

0 commit comments

Comments
 (0)