initial commit, lesson 1

components/counters.module.css

@@ -1,6 +0,0 @@
-.counter {
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  padding: 2px 6px;
-  margin: 12px 0 0;
-}

components/counters.tsx

@@ -1,24 +0,0 @@
-// Example from https://beta.reactjs.org/learn
-
-import { useState } from 'react'
-import styles from './counters.module.css'
-
-function MyButton() {
-  const [count, setCount] = useState(0)
-
-  function handleClick() {
-    setCount(count + 1)
-  }
-
-  return (
-    <div>
-      <button onClick={handleClick} className={styles.counter}>
-        Clicked {count} times
-      </button>
-    </div>
-  )
-}
-
-export default function MyApp() {
-  return <MyButton />
-}

components/download-link/index.tsx

@@ -0,0 +1,10 @@
+export const DownloadLink = ({ href }: { href: string }) => {
+  return (
+    <p style={{ marginTop: 24 }}>
+      <a id="raw-url" download href={href} style={{ fontWeight: 700, color: 'blue' }}>
+        Скачайте файл watchers.xml
+      </a>{' '}
+      и импортируйте его в Settings | Tools | File Watchers
+    </p>
+  )
+}

components/index.ts

@@ -0,0 +1 @@
+export * from './download-link'