From fafa198b78ebe0817d52c8d9e15698491da845e1 Mon Sep 17 00:00:00 2001
From: Alex Reinhardt <alexander.reinhardt@tu-dortmund.de>
Date: Wed, 20 Dec 2023 12:26:06 +0100
Subject: [PATCH] Replace SVGs with Phosphoricons
---
public/content/clock.svg | 4 ----
public/content/location-pin.svg | 5 -----
src/panels/Gremium/GremiumPanel.tsx | 11 ++++++-----
3 files changed, 6 insertions(+), 14 deletions(-)
delete mode 100644 public/content/clock.svg
delete mode 100644 public/content/location-pin.svg
diff --git a/public/content/clock.svg b/public/content/clock.svg
deleted file mode 100644
index defbe19..0000000
--- a/public/content/clock.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 7V12L9.5 13.5M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
\ No newline at end of file
diff --git a/public/content/location-pin.svg b/public/content/location-pin.svg
deleted file mode 100644
index 379f974..0000000
--- a/public/content/location-pin.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 21C15.5 17.4 19 14.1764 19 10.2C19 6.22355 15.866 3 12 3C8.13401 3 5 6.22355 5 10.2C5 14.1764 8.5 17.4 12 21Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
\ No newline at end of file
diff --git a/src/panels/Gremium/GremiumPanel.tsx b/src/panels/Gremium/GremiumPanel.tsx
index 1b6883f..025fb66 100644
--- a/src/panels/Gremium/GremiumPanel.tsx
+++ b/src/panels/Gremium/GremiumPanel.tsx
@@ -3,6 +3,7 @@ import PanelWrapper from "../../meta/PanelWrapper";
import PanelContent from "../../meta/PanelContent";
import PanelTitle from '../../meta/PanelTitle'
import QRCode from "react-qr-code";
+import { Clock, MapPin } from '@phosphor-icons/react'
export type GremiumPanelDefinition = {
}
@@ -21,21 +22,21 @@ const gremien: Gremium[] = [
description: "Fachschaftsrat",
link: "https://oh14.de/fsr",
time: "Mittwoch, 12:15 Uhr",
- location: "Chaos-Zentrum-Informatik (OH14, E39)"
+ location: "Chaos-Zentrum-Informatik (OH14 - E39)"
},
{
name: "FOSS-AG",
description: "Free and Open Source Software - AG",
link: "https://foss-ag.de/",
time: "Montag, 18:00 Uhr",
- location: "Chaos-Zentrum-Informatik (OH14, E39)"
+ location: "Chaos-Zentrum-Informatik (OH14 - E39)"
},
{
name: "CyberSec-AG",
description: "Cybersecurity - AG",
link: "https://oh14.de/cybersec",
time: "Donnerstag, 18:00 Uhr",
- location: "Chaos-Zentrum-Informatik (OH14, E39)"
+ location: "Chaos-Zentrum-Informatik (OH14 - E39)"
}
]
@@ -69,11 +70,11 @@ const GremiumPanel = (props: {definition: GremiumPanelDefinition}) => {
<div className={"absolute bottom-0"}>
<p>{gremium.description}</p>
<p className={"text-sm text-gray-400"}>
- <img className={"inline h-5 mr-2"} src={"/content/clock.svg"} alt={""}/>
+ <Clock size={20} className={"inline mb-1.5 mr-1"}/>
{gremium.time}
</p>
<p className={"text-sm text-gray-400"}>
- <img className={"inline h-5 mr-2"} src={"/content/location-pin.svg"} alt={""}/>
+ <MapPin size={20} className={"inline mb-1.5 mr-1"}/>
{gremium.location}
</p>
</div>
--
GitLab