| @@ -1,6 +1,7 @@ | ||
| 1 | 1 | import { __, sprintf } from '@wordpress/i18n' |
| 2 | 2 | import React, { useState } from 'react' |
| 3 | +import { ScreenMetaSlot } from '../common/ScreenMetaSlot' | |
| 3 | 4 | import { Toolbar } from '../common/Toolbar' |
| 4 | 5 | import { Changelog } from './Changelog' |
| 5 | 6 | import type { ImageLinkSchema } from '../../types/schema/WelcomeSchema' |
| 6 | 7 | |
| @@ -11,9 +12,9 @@ | ||
| 11 | 12 | |
| 12 | 13 | return ( |
| 13 | 14 | <div className="code-snippets-hero"> |
| 14 | 15 | <div className="code-snippets-header-wrapper"> |
| 15 | - <h3>{DATA?.hero.name}</h3> | |
| 16 | + <h2>{DATA?.hero.name}</h2> | |
| 16 | 17 | <a |
| 17 | 18 | className="button button-primary button-large" |
| 18 | 19 | href={DATA?.hero.follow_url} |
| 19 | 20 | target="_blank" |
| @@ -99,12 +100,18 @@ | ||
| 99 | 100 | |
| 100 | 101 | export const WelcomeMenu = () => |
| 101 | 102 | <> |
| 102 | 103 | <Toolbar /> |
| 104 | + | |
| 105 | + <ScreenMetaSlot /> | |
| 106 | + | |
| 107 | + <div className="snippets-page-header"> | |
| 108 | + <h1>{__('Resources and Updates', 'code-snippets')}</h1> | |
| 109 | + </div> | |
| 110 | + | |
| 111 | + <hr className="wp-header-end" /> | |
| 112 | + | |
| 103 | 113 | <div className="code-snippets-welcome"> |
| 104 | - <h2>{__('Resources and Updates', 'code-snippets')}</h2> | |
| 105 | - | |
| 106 | - <hr className="wp-header-end" /> | |
| 107 | 114 | |
| 108 | 115 | <div className="code-snippets-updates"> |
| 109 | 116 | <HeroImage /> |
| 110 | 117 | <Changelog /> |
