diff --git a/src/assets/img/In-2C-128px-TM.png b/src/assets/img/In-2C-128px-TM.png
deleted file mode 100644
index cce175c..0000000
Binary files a/src/assets/img/In-2C-128px-TM.png and /dev/null differ
diff --git a/src/assets/img/In-2CRev-128px-TM.png b/src/assets/img/In-2CRev-128px-TM.png
deleted file mode 100644
index 38f491b..0000000
Binary files a/src/assets/img/In-2CRev-128px-TM.png and /dev/null differ
diff --git a/src/assets/img/In-Black-128px-TM.png b/src/assets/img/In-Black-128px-TM.png
deleted file mode 100644
index b21d4e0..0000000
Binary files a/src/assets/img/In-Black-128px-TM.png and /dev/null differ
diff --git a/src/assets/img/In-White-128px-TM.png b/src/assets/img/In-White-128px-TM.png
deleted file mode 100644
index d10f819..0000000
Binary files a/src/assets/img/In-White-128px-TM.png and /dev/null differ
diff --git a/src/assets/img/flogo-HexRBG-Wht-1024.png b/src/assets/img/flogo-HexRBG-Wht-1024.png
deleted file mode 100644
index d591141..0000000
Binary files a/src/assets/img/flogo-HexRBG-Wht-1024.png and /dev/null differ
diff --git a/src/assets/img/flogo-HexRBG-Wht-1024.svg b/src/assets/img/flogo-HexRBG-Wht-1024.svg
deleted file mode 100644
index bc27293..0000000
--- a/src/assets/img/flogo-HexRBG-Wht-1024.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/assets/img/flogo-RGB-HEX-Blk-1024.png b/src/assets/img/flogo-RGB-HEX-Blk-1024.png
deleted file mode 100644
index c08c0ac..0000000
Binary files a/src/assets/img/flogo-RGB-HEX-Blk-1024.png and /dev/null differ
diff --git a/src/assets/img/flogo-RGB-HEX-Blk-1024.svg b/src/assets/img/flogo-RGB-HEX-Blk-1024.svg
deleted file mode 100644
index ada8f67..0000000
--- a/src/assets/img/flogo-RGB-HEX-Blk-1024.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/assets/img/glyph-logo_May2016.png b/src/assets/img/glyph-logo_May2016.png
deleted file mode 100755
index 185e14d..0000000
Binary files a/src/assets/img/glyph-logo_May2016.png and /dev/null differ
diff --git a/src/components/Navigation/Navigation.scss b/src/components/Navigation/Navigation.scss
index 3f0e165..f165726 100644
--- a/src/components/Navigation/Navigation.scss
+++ b/src/components/Navigation/Navigation.scss
@@ -21,8 +21,3 @@ $border-width: 2px;
}
}
}
-
-.some-icon {
- width: 15px;
- padding: 0.3rem;
-}
diff --git a/src/components/Navigation/Navigation.tsx b/src/components/Navigation/Navigation.tsx
index d971ac7..fd29a58 100644
--- a/src/components/Navigation/Navigation.tsx
+++ b/src/components/Navigation/Navigation.tsx
@@ -2,9 +2,8 @@ import * as React from "react";
import "./Navigation.scss";
import NavbarDropdownLink from "../NavbarDropdownLink/NavbarDropdownLink";
import NavbarChildLink from "../NavbarChildLink/NavbarChildLink";
-const facebookLogo = require("../../assets/img/flogo-RGB-HEX-Blk-1024.png");
-const instagramLogo = require("../../assets/img/glyph-logo_May2016.png");
-const linkedInLogo = require("../../assets/img/In-Black-128px-TM.png");
+import SoMeIcon from "../SoMeIcon/SoMeIcon";
+import { SoMe } from "../SoMeIcon/SoMeIcon";
export interface NavigationProps {}
export interface NavigationState {}
@@ -22,9 +21,9 @@ class Navigation extends React.Component {
- 
- 
- 
+
+
+
);
}
diff --git a/src/components/SoMeIcon/SoMeIcon.scss b/src/components/SoMeIcon/SoMeIcon.scss
new file mode 100644
index 0000000..6dc7833
--- /dev/null
+++ b/src/components/SoMeIcon/SoMeIcon.scss
@@ -0,0 +1,8 @@
+@import "../../assets/scss/globals";
+
+.so-me-icon {
+ display: flex;
+ flex-flow: row nowrap;
+ justify-content: center;
+ margin: 1em;
+}
diff --git a/src/components/SoMeIcon/SoMeIcon.tsx b/src/components/SoMeIcon/SoMeIcon.tsx
new file mode 100644
index 0000000..ea5cc2a
--- /dev/null
+++ b/src/components/SoMeIcon/SoMeIcon.tsx
@@ -0,0 +1,56 @@
+import * as React from "react";
+import "./SoMeIcon.scss";
+
+export enum SoMe {
+ Facebook,
+ Instagram,
+ LinkedIn
+}
+
+export interface SoMeIconProps {
+ name: SoMe;
+ link: string;
+}
+export interface SoMeIconState {}
+
+class SoMeIcon extends React.Component {
+ render() {
+ const { link, name } = this.props;
+ if (name === SoMe.Facebook) {
+ return (
+
+
+
+ );
+ } else if (name === SoMe.Instagram) {
+ return (
+
+
+
+ );
+ } else if (name === SoMe.LinkedIn) {
+ return (
+
+
+
+ );
+ }
+ }
+}
+
+export default SoMeIcon;
diff --git a/src/components/SoMeIcon/index.ts b/src/components/SoMeIcon/index.ts
new file mode 100644
index 0000000..a7e7670
--- /dev/null
+++ b/src/components/SoMeIcon/index.ts
@@ -0,0 +1,2 @@
+import SoMeIcon from "./SoMeIcon";
+export default SoMeIcon;